https://github.com/bumbaiya/manygames
Many short games using reactjs
https://github.com/bumbaiya/manygames
2048-game games puzzle-game reactjs tailwindcss vite wordle
Last synced: 3 months ago
JSON representation
Many short games using reactjs
- Host: GitHub
- URL: https://github.com/bumbaiya/manygames
- Owner: BUMBAIYA
- License: mit
- Created: 2022-12-23T18:00:46.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-09-10T20:29:19.000Z (almost 2 years ago)
- Last Synced: 2025-03-17T05:44:32.640Z (3 months ago)
- Topics: 2048-game, games, puzzle-game, reactjs, tailwindcss, vite, wordle
- Language: TypeScript
- Homepage: https://manygames.vercel.app
- Size: 3.96 MB
- Stars: 7
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Many Games
👉 Visit app. Welcome to Many Games, project built with React.js, Tailwind CSS and TypeScript.
Many Games is an offline games app where users can play fun, challenging and engaging Puzzle, Word and Memory games. Many Games can be downloaded as a standalone mobile app with chrome browser or play directly on browser. My goal is to add one new game every month.
## 🖥️ Technologies Used
- [React.js](https://react.dev) : React is a free and open-source front-end JavaScript library for building user interfaces based on UI components.
- [Tailwind CSS](https://tailwindcss.com) : A utility-first CSS framework for rapid UI development.
- [SCSS](https://sass-lang.com/): Syntactically Awesome Style Sheet SCSS (Sassy CSS) is a preprocessor scripting language that is a superset of CSS.
- [TypeScript](https://www.typescriptlang.org): A typed superset of JavaScript that provides enhanced tooling and developer productivity.
## 🧩 Games
- Puzzle
- 2048
- Wordle
- Memory Match
## ✨ Features
- Offline mobile app (PWA)
- Game state persist
- Unlimited game rounds
- Cross broswer tab game state sink
- Dark mode
## 💡 Future ideas and scope
- User login
- Database integration
- Online multiplayer
- Leader board
## 🖼️ Game previews
## 🛠️ Development setup
Steps to locally setup development after cloning the project.
```sh
git clone https://github.com/BUMBAIYA/ManyGames.git
```
### Step 1 - Dependencies
You will need:
- [node](https://nodejs.org/)
- [yarn](https://yarnpkg.com/en/docs/install) (Optional. Not Required if you use NPM)
Please install them if you don't have them already.
### Step 2 - Install packages
If you are using yarn run from the root of the repository:
```shell
cd ManyGames
```
```shell
yarn
```
### Step 3 - Run app
Once the dependencies are installed, you can run the app:
```shell
yarn dev
```
Your browser should open up to a running app.
## License
Licensed under the MIT license
---