Skip to content

A collection of interactive browser-based games and utilities built with vanilla JavaScript, HTML5, and CSS3, featuring classics like Whack-a-Mole, Memory Flip, and a Typing Speed Test.

Notifications You must be signed in to change notification settings

himmatmundhe07/JavaScript-Games

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎮 JavaScript Games Collection

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.

📂 Project Directory

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.

🛠️ Tech Stack

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

🚀 How to Run Locally

  1. Clone the repository:

    git clone [https://github.com/himmatmundhe07/javascript-games.git](https://github.com/himmatmundhe07/javascript-games.git)
  2. Navigate to the project directory:

    cd javascript-games
  3. Play the Games: Open the root index.html file 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 the index.html found inside to play a specific game directly.

📸 Highlights

Logic & DOM Manipulation

These projects focus heavily on:

  • document.querySelector & addEventListener
  • setInterval & setTimeout for game timers
  • Array manipulation for game state
  • CSS class toggling for UI feedback

👤 Author

Himmat Mundhe


Created for educational purposes to master JavaScript fundamentals.

About

A collection of interactive browser-based games and utilities built with vanilla JavaScript, HTML5, and CSS3, featuring classics like Whack-a-Mole, Memory Flip, and a Typing Speed Test.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published