A modern React implementation of the classic 2048 puzzle game. This is a reimagined version of the original game created by Gabriele Cirulli, built with modern web technologies.
Visit 2048 Game to play online!
- 🎯 Classic 2048 gameplay mechanics
- 📱 Responsive design for all devices
- 🎨 Smooth animations and transitions
- 🔄 Touch and keyboard controls
- 💾 Score tracking
- 🌈 Modern UI with Styled Components
- Frontend Framework: React
- Language: TypeScript
- State Management: Redux Toolkit
- Styling: Styled Components
- Animations: Framer Motion
- Build Tool: Vite
- Node.js (v14 or higher)
- npm or yarn
-
Clone the repository:
git clone https://github.com/your-username/2048.git cd 2048 -
Install dependencies:
npm install # or yarn -
Start the development server:
npm run dev # or yarn dev -
Open http://localhost:5173 in your browser
- Use arrow keys (↑ ↓ ← →) or swipe gestures to move tiles
- Tiles with the same number merge when they collide
- Create a tile with the number 2048 to win!
- Game over when no more moves are possible
- Desktop: Arrow keys
- Mobile: Swipe gestures
- New Game: Click/tap "New Game" button
The game is fully responsive and supports:
- Touch gestures for tile movement
- Mobile-optimized layout
- Smooth animations on mobile devices
The game uses a theme system for easy customization:
- Color schemes
- Tile sizes
- Animation parameters
- Responsive breakpoints
This game is a reimplementation of 2048 by Gabriele Cirulli. The original game is also open source and available under the MIT License.
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.
- Original 2048 game by Gabriele Cirulli
- React and TypeScript communities
- All contributors and users
Made with ❤️ by [Your Name]