🎮 2048 GAME A classic 2048 game built with vanilla JavaScript and HTML/CSS. The project uses the SASS preprocessor for structured and maintainable styles. All game logic, rendering, and animations are implemented without external libraries. Responsive design ensures a smooth experience on both desktop and mobile devices.
🔗 Try It Live Play the game here: 👉 https://nikalaiii.github.io/2048/
🛠️ Technologies Used JavaScript (Vanilla JS) Handles all game logic: generating numbers, tile movement, merging, and game-over conditions
Dynamically updates the DOM based on the current game state
Listens to keyboard events to control player moves
HTML/CSS Provides the game structure and base styling
Ensures accessibility and semantic layout
Includes smooth transition effects for UI interactions
SASS (SCSS) Organizes styles using variables, nesting, and mixins
Enables easy color and layout management for different tile values
Helps create a responsive and scalable design
Gulp Automates build tasks such as compiling SCSS to CSS, minifying files, and live reloading
Improves development workflow and code quality
Manages asset optimization and file structure for deployment
🚀 Get Started
- Clone the repository: bash Копіювати Редагувати git clone https://github.com/your-username/project-name.git cd project-name
- Install dependencies: bash Копіювати Редагувати npm install
yarn install 3. Run the project locally: bash Копіювати Редагувати npm start
yarn start ✨ Features Players combine numbered tiles by pressing arrow keys to reach the 2048 tile
Tiles with the same value merge when they collide
New tiles appear on each move in a random empty spot
The game ends when no more moves are possible
Smooth animations and responsive design enhance the user experience