A repository of interactive web-based games and mini-applications developed using Vanilla JavaScript, HTML5, and CSS3. These projects demonstrate core DOM manipulation concepts, event handling, and game logic implementation without the use of external frameworks.
This repository contains a central dashboard (index.html in the root) that links to the following individual projects:
| Project Name | Description | Key Features |
|---|---|---|
| Whack-a-Mole | A classic arcade game replication. | Grid layout, random interval timing, score tracking. |
| Memory Flip | A card matching memory game. | 3D CSS transforms for card flipping, matching logic. |
| Color Game | An RGB color guessing game. | Random color generation, dynamic DOM updates. |
| Typing Game | A speed typing test application. | Word matching validation, timer, wpm calculation. |
| Click Game | A reflex-based clicking challenge. | Event listeners, dynamic positioning. |
| To-Do App | A functional task management tool. | Local storage (if implemented), DOM creation/deletion. |
- HTML5: Semantic markup for game structures.
- CSS3: Custom styling, Flexbox/Grid layouts, and animations (e.g., card flips).
- JavaScript (ES6+): Game loops, logic, state management, and DOM manipulation.
-
Clone the repository:
git clone [https://github.com/himmatmundhe07/javascript-games.git](https://github.com/himmatmundhe07/javascript-games.git)
-
Navigate to the project directory:
cd javascript-games -
Play the Games: Open the root
index.htmlfile in your preferred web browser to access the main dashboard.Alternatively, you can navigate into specific game folders (e.g.,
/Whack-a-mole) and open theindex.htmlfound inside to play a specific game directly.
These projects focus heavily on:
document.querySelector&addEventListenersetInterval&setTimeoutfor game timers- Array manipulation for game state
- CSS class toggling for UI feedback
Himmat Mundhe
- GitHub: himmatmundhe07
Created for educational purposes to master JavaScript fundamentals.