Game "2048"

Web implementation of the classic logic puzzle "2048", created in pure JavaScript (ES6+) using modern DOM manipulation methods and responsive design. The project is developed to demonstrate skills in building complex game logic and optimizing interface performance.

Key functionalities of the project:
• Fully implemented mathematical and logical model of the game: tile movement, merging upon collision, and generating new numbers.
• Smooth animations for tile movement and merging without performance loss (CSS transition optimization).
• Real-time calculation and display of the current game score.
• Handling game states: clear definition of victory (reaching tile 2048) or defeat (no available moves) with corresponding screens displayed.
• Keyboard control (arrow keys) for desktop users.
• Quick restart button to reset the game board and score.

Technology stack:
• HTML5
• SCSS / CSS3 (responsive grid, animations, variables)
• JavaScript ES6+ (complex array logic, matrix operations)
• DOM Manipulation (dynamic creation and updating of interface elements)
• Parcel (fast and optimized project bundler)
• Git / GitHub Pages (deployment and version control)

During development, several architectural challenges were addressed, including: creating a correct algorithm for shifting tiles without double merging in one move, dynamically tracking free cells for random generation of new numbers, and ensuring the responsiveness of the game board so that the game looks equally comfortable on smartphone, tablet, and PC screens.

#javascript #js #frontend #scss #game #2048 #web-programming #layout #parcel