educational project RS School

The classic "nonograms" game was implemented

• All necessary elements are generated using JS
• The design adaptive and responsive from (500px <= width)
• Three levels of difficulty in the game: easy (5x5), medium (10x10), and hard (15x15)
• Players can select the picture they want to solve using a list of items.
• Dark/light themes of the game.
• The latest 5 win results are saved in the high score table.
• The duration of the game is displayed in the format XX:XX
• The "random game" button is implemented. When the player clicks on the button, a random pattern appears.
• The "Solution" button is implemented. When the player clicks on the button, the field will be filled with cells with the correct solution. Using the button does not mean a win and will not be entered in the winnings table.

educational project RS School

"Hangman" is a classic word game in which you must find the correct answer by guessing letters one at a time.

• Responsive/adaptive UI from 1440px to 360px viewport
• The generation of DOM elements is implemented.
• The user can play the game by using the virtual keyboard
• The user can play the game by using the physical keyboard
• When the user runs out of 6 attempts or wins the game, the modal window appears
• The modal window includes the message about the game's outcome (winning or losing), the secret word and the 'play again' button
• When the user clicks the 'play again' button, the game starts over by showing a new question and resetting the gallows, the incorrect guesses counter and the underscores for the secret word

educational project RS School

Coffee House is a project to create a two-page responsive and interactive website.

• Responsive/adaptive UI from 1440px to 380px viewport
• Implementation of the burger menu on both pages
• Opening and closing burger menu on pages when the width is <=768px
• Carousel on the home page
• Category switching for products on the menu page
• Loading more products by button click if there are more than 4 on the menu page
• Modal for the selected product on the menu page