The 4th project on the Full Stack JavaScript Techdegree. This web application is a browser-based game, where JavaScript and OOP (Object-Oriented Programming) were used. The player has a limited number of tries to guess a random phrase that is displayed on the screen. They can input their guesses via a virtual keyboard that is displayed on the screen or via the physical keyboard. Finally, the web application also provides a 'local multiplayer functionality', where one player inserts the sentence and the other tries to guess it.
Main technologies: JavaScript
Auxiliary technologies: HTML, CSS
Complexity level: Intermediate
Estimated Time to Complete: 16 hours
Concepts: Object-Oriented Programming, Classes, Event Object, Event listeners, DOM manipulation
- Keyboard functionality for 'keydown' events
- Custom CSS layout and documentation of these changes in the README.md file:
- Changing color for the CSS variables 'color-win' and 'color-lose' as well for the class '.lose'
- Rule for selector 'h3' (for custom sentences that are thrown on the screen)
- Rules for the multiplayer container using Flexbox
- Input field for Player 1 in the Multiplayer Mode
- Rule when the Multiplayer Button is clicked to improve UX
- Multiple hover and focus rules for the buttons
- Buttons of the start screen grow and change their colors
- Buttons of the virtual keyboard grow and change their colors
- Clicked buttons of the virtual keyboard get other colors and grow a little bit less then before
- Hearts translate vertically
- Local Multiplayer functionalities