Skip to content

DivaQueen-dev/mini-js-games-hub

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

57 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎮 Mini JS Games Hub

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 🚀


🕹️ About

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 🌍

📂 Project Structure

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

🧠 Games Included

  • 🎲 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...

🚀 Getting Started

1. Clone the repository

git clone https://github.com/ritaban06/mini-js-games-hub.git
cd mini-js-games-hub

2. Run locally

Simply open index.html in your browser — no setup needed!

3. How it works

The hub lists game cards from the games array in script.js. Each game entry includes:

  • name: The display name of your game
  • path: The relative path to your game's index.html file

💻 Tech Stack

  • HTML5
  • CSS3
  • Vanilla JavaScript

🤝 Contributing

We love contributions! ❤️
To add your own game or fix an issue, please check the CONTRIBUTING.md file for detailed steps.


🪪 License

This project is licensed under the MIT License — free to use and modify.


🌟 Show Your Support

If you like this project, give it a ⭐ on GitHub and share it with your friends!
Let’s make learning web development fun together! 🕹️

About

A simple and exciting collection of mini-games made with HTML, CSS, and JavaScript.

Resources

License

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 62.0%
  • CSS 24.4%
  • HTML 13.6%