Skip to content

wasik07/2048_game

Repository files navigation

2048 Game

  1. A brief description of the project:

This project is a web-based implementation of the classic game 2048. It features a responsive and interactive design, allowing players to enjoy the game on both desktop and mobile devices. The game consists of a 4x4 grid where players combine tiles with the same value to achieve higher numbers, aiming to reach the 2048 tile. The project showcases a clean and intuitive user interface with a modern aesthetic, utilizing a tabular layout for the game board and clear, interactive controls. The design adheres to best practices in web development, ensuring a smooth and engaging user experience.

  1. Technologies that were used:
  • JavaScript: Implemented for game logic and interactivity, including handling user input and updating the game state.
  • HTML5: Utilized for the structure and semantic organization of the webpage.
  • CSS3: Employed for styling, layout, and visual design, leveraging Flexbox and Grid for responsive and adaptive layouts.
  • Sass: Adopted for managing stylesheets, enhancing maintainability and scalability through variables, nesting, and mixins.
  • BEM (Block Element Modifier): Applied for a clear and consistent CSS architecture, facilitating modular and reusable code.
  • Responsive Design Techniques: Implemented to ensure the webpage adapts seamlessly to various screen sizes and devices.
  • Webpack: Used for bundling and optimizing project assets and dependencies for efficient loading and performance.
  1. Useful Links:
  • DEMO LINK Play a live version of the 2048 game to see its implementation in action.

  • ORIGINAL GAME LINK The project is inspired by the popular 2048 game available at this link.

  1. Any additional launch instructions:

To run this project locally, follow these steps:

  1. Clone the repository: git clone https://github.com/wasik07/2048_game.git
  2. Navigate to the project directory: cd 2048_game
  3. Install the dependencies: npm install
  4. Start the development server: npm start
  5. Open your browser and go to: http://localhost:3000 to view and interact with the 2048 game.

This will launch the 2048 game on your local development server, allowing you to explore and test the project's features.

Preview

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published