Techdegree Unit 4 Project
Purpose: This project was created to demonstrate foundational concepts in Javascript OOP and DOM manipulation. I created a Phrase class to carry the phrases. I also created a Game class to carry the logic of the game. This is the final project for Unit 4 of the Treehouse Techdegree.
Game Rules:
- Click "Start Game" button to display a gameboard with a random quote inspired by fruits.
- Click the on-screen keyboard to guess a letter in the phrase.
- If you you choose an incorrect letter, you will lose a heart/life. You have 5 chances to miss until you lose the game.
- After the game is over, click "Start Game" button to play a new game.
Challenges: This project was challenging but rewarding. I learned about the importance of testing and creating and calling properties and methods in classes. The removeLife() method located in Game.js was the most challenging to create because I had to figure out how to get the Game.js file and the Phrase.js file to communicate to one another.
Future Considerations: There are many things I would love to add on to this app. For example, I could add a timer or have users choose a difficulty level for the game.
-Starting Page: changed the title of the game with subtitle, background color
-Keyboard Buttons: increased border radius for static keyboard, decreased border radius for letter when wrong, decreased border radius for letter when wrong, changed button color upon selection, added shadowing and hover effects
-Start Button: changed background color, added hover effects
-Letter Placeholders: changed color, and added shadow effect
-Game End Page: added number of loses to track user's loses
- [Treehouse Unit 4 Project] (https://teamtreehouse.com/projects/oop-game-show-app)