Skip to content

README.md

Latest commit

 

History

History
56 lines (40 loc) · 2.35 KB

README.md

File metadata and controls

56 lines (40 loc) · 2.35 KB
Raw

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