A fun collection of mini JavaScript games built using HTML, CSS, and JavaScript!
Perfect for beginners who want to learn web development, play simple games, and contribute new ideas 🚀
This project is an open-source games hub where each mini-game is stored in its own folder.
Every game runs directly in the browser and is written in pure HTML, CSS, and JS — no frameworks, no build tools, just fun and learning!
You can:
- Play simple web-based games 🎯
- Learn JavaScript by reading the source code 💡
- Add your own games and share them with the community 🌍
mini-js-games-hub/
│
├── index.html # Home page listing all games
├── style.css # Global styling
├── script.js # Handles navigation and game loading
│
└── games/
├── tictactoe/
│ ├── index.html
│ ├── style.css
│ └── script.js
├── snake/
│ ├── index.html
│ ├── style.css
│ └── script.js
├── memory/
│ ├── index.html
│ ├── style.css
│ └── script.js
├── whack-a-mole/
│ ├── index.html
│ ├── style.css
│ └── script.js
└── reaction-timer/
├── index.html
├── style.css
└── script.js
- 🎲 Tic Tac Toe – classic 3x3 strategy
- 🐍 Snake Game – grow without hitting the walls
- � Memory Game – match all emoji pairs
- 🔨 Whack-a-Mole – hit the mole before it vanishes
- ⚡ Reaction Timer – tap as quickly as you can
- ⏱️ More coming soon! Add yours too...
git clone https://github.com/ritaban06/mini-js-games-hub.git
cd mini-js-games-hubSimply open index.html in your browser — no setup needed!
The hub lists game cards from the games array in script.js. Each game entry includes:
name: The display name of your gamepath: The relative path to your game's index.html file
- HTML5
- CSS3
- Vanilla JavaScript
We love contributions! ❤️
To add your own game or fix an issue, please check the CONTRIBUTING.md file for detailed steps.
This project is licensed under the MIT License — free to use and modify.
If you like this project, give it a ⭐ on GitHub and share it with your friends!
Let’s make learning web development fun together! 🕹️