Coder Social home page Coder Social logo

othamae / 2048_by_othamae Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 269 KB

A browser-based implementation of the classic 2048 game, built with React. The goal of the game is to combine tiles with the same number to reach the tile with a value of 2048.

Home Page: https://othamae.github.io/2048_by_Othamae/

HTML 2.40% CSS 26.85% JavaScript 70.75%

2048_by_othamae's Introduction

2048 Game

This is a browser-based implementation of the classic 2048 game, built with React. The goal of the game is to combine tiles with the same number to reach the tile with a value of 2048.

Play here!!

Rules of the Game

  1. Use the buttons to move the tiles in the desired direction.
  2. When two tiles with the same number touch, they merge into one tile with double the value.
  3. The game ends when there are no more valid moves, or when the player reaches the 2048 tile.

Features

  • Players can reset the game at any time by clicking the "Reset Game" button.
  • Game state is saved in local storage, so you can resume your game if you close the window or refresh the page.
  • A winner modal appears when a player has won the game.
  • Scoreboard that keeps track of your high scores.

Getting Started

To run this project on your local machine, you will need to have Node.js installed. Run the following command to install the required packages:

Installation

  1. Clone the repository - https://github.com/Othamae/2048_by_Othamae
  2. Install dependencies using npm install
  3. Run the API using npm start

The app will be running at http://localhost:3000.

2048_by_othamae's People

Contributors

othamae avatar dependabot[bot] avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.