An open API service indexing awesome lists of open source software.

https://github.com/salimzeeshan/2048

A web-based implementation of the popular 2048 puzzle game, built using Next.js. The objective of the game is to slide numbered tiles on a grid to combine them and create a tile with the number 2048.
https://github.com/salimzeeshan/2048

2048 nextjs vercel

Last synced: about 2 months ago
JSON representation

A web-based implementation of the popular 2048 puzzle game, built using Next.js. The objective of the game is to slide numbered tiles on a grid to combine them and create a tile with the number 2048.

Awesome Lists containing this project

README

          

# 2048 Game

A web-based implementation of the popular 2048 game, built with [Next.js](https://nextjs.org/).

## Table of Contents

- [Demo](#demo)
- [Features](#features)
- [Technologies](#technologies)
- [Installation](#installation)
- [Usage](#usage)
- [Contributing](#contributing)

## Demo

Check out the live demo: [2048 Game](https://2048-pearl.vercel.app/)

![Screnshot](https://media.discordapp.net/attachments/1232249762598621248/1365731267714224229/Screenshot_2025-04-26_at_10.18.19_PM.png?ex=680e5fdc&is=680d0e5c&hm=271daba8a75f2455450691c6cf6ddedb36291cb74ae8553af8ba6343162ad741&=&format=webp&quality=lossless&width=1328&height=1480)

## Features

- Classic 2048 gameplay
- Smooth animations and responsive design
- Keyboard and swipe gestures support
- Score tracking

## Technologies

- [Next.js](https://nextjs.org/)
- [React](https://reactjs.org/)
- [Vercel](https://vercel.com/) for deployment

## Installation

To run this project locally, follow these steps:

1. **Clone the repository:**

```bash
git clone https://github.com/salimzeeshan/2048.git
cd 2048-game
```

2. **Install dependencies:**

```bash
npm install
```

3. **Run the development server:**

```bash
npm run dev
```

4. Open your browser and navigate to `http://localhost:3000`.

## Usage

- Use the arrow keys or WASD keys or arrow keys to move the tiles.
- Combine tiles with the same number to merge them into a higher number.
- Swipe gestures are supported on touch devices.

## Contributing

Contributions are welcome! If you have suggestions for improvements or new features, please open an issue or submit a pull request.

1. Fork the repository
2. Create a new branch (`git checkout -b feature-branch`)
3. Make your changes
4. Commit your changes (`git commit -m 'Add some feature'`)
5. Push to the branch (`git push origin feature-branch`)
6. Open a pull request

---

Developed by [Mohammad Zeeshan Salim](https://salimzeeshan.github.io/)