https://github.com/devprashantt/2048-game

2048. This is the classic version of 2048 game. Join the numbers and get to the 2048 tile. Join the numbers and get to the 2048 tile. Play 2048 online for free here. Watch Videos. Fun Puzzle Game. View Tips & Tricks.
https://github.com/devprashantt/2048-game

puzzle reactjs scss-framework

Last synced: about 1 year ago
JSON representation

Host: GitHub
URL: https://github.com/devprashantt/2048-game
Owner: devprashantt
License: mit
Created: 2022-11-20T18:55:12.000Z (over 3 years ago)
Default Branch: master
Last Pushed: 2022-12-02T18:19:51.000Z (over 3 years ago)
Last Synced: 2025-02-09T12:28:03.567Z (about 1 year ago)
Topics: puzzle, reactjs, scss-framework
Language: CSS
Homepage:
Size: 23.8 MB
Stars: 2
Watchers: 1
Forks: 0
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

          # 2048 - A Online Game

# Table of Contents

- [Contents](#table-of-contents)

    - [About The Project](#about-the-project)

        - [Game Walkthrough](#game-walkthrough)

        - [Extra Features](#extra-features)

    - [Built With](#built-with)

    - [License](#license)

    - [Acknowledgements](#acknowledgements)

## About The Project

A Popular Online 2048-Game. It is a Single-Player Sliding Tile Puzzle Game.

### Game Walkthrough

  

      


          

              

              
Game Page


          

      

  

  

    

      

        

        GameCompelete Popup

      

    

    

    

        

        GameOver Popup

      

    

  

  

    

      

        

        How to Play Popup

      

    

    

        

          

          Tips and Tricks Popup

      

    

  

### Extra Features

* Store HighScore in Local Storage

* Addition of Score Animation

* Who first open the game first, HowToPlay Popup showup

## Basic structure of the project repository 📂

```terminal

|- build              # production build

|- public             # Any files within this directory will not be processed by Webpack but copied directly to the build folder.

|- readme             # Contains files helps to create project readme

|- src:               # Contains all source code for the React application.

|

    |- assets

    |- container

    |

        |- profile

            |- profile-card

            |- profile

        |- header

        |- about

        |- main               # Contains main element of landing page

        

    |- game:

    |

            |- assets         # Contains media file

                |- image      # all image store here 

            |- components     # Contains all the components used within the app.

            |- helper         # Contains helper functions

            |- hooks          # Contains custom hooks

            |- pages          # Contaion pages used in the projects

            |- styles         # Contains sass or css files.

            |- game           # Conatin game main element

            

    |- App.js

    |- index.js

```

## Built With

![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)

![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)

![SASS](https://img.shields.io/badge/SASS-hotpink.svg?style=for-the-badge&logo=SASS&logoColor=white)

![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

![Figma](https://img.shields.io/badge/figma-%23F24E1E.svg?style=for-the-badge&logo=figma&logoColor=white)

## License

MIT License

## Acknowledgements

- [InspireBy](https://play2048.co/)

- [GameLogic](https://www.youtube.com/watch?v=ca0BEH2bBLs)

- [Choose an Open Source License](https://choosealicense.com)

- [GitHub Pages](https://pages.github.com)

- [GitHub Socialify](https://socialify.git.ci/)

- [Img Shields](https://shields.io)