Back to Projects
GamesFeb 2026

JavaScript-MiniGames

Simple mini games created with JavaScript.

View CodeLive Demo
JavaScript-MiniGames

🕹️ JS-Arcade: Vanilla JavaScript Mini-Games

JS-Arcade is a vibrant collection of interactive browser-based games built to demonstrate the power of vanilla JavaScript. From memory challenges to high-speed typing, this project serves as a comprehensive playground for DOM manipulation and game logic.

📖 Project Overview

This collection features a centralized, responsive dashboard built with Bootstrap 5, allowing users to jump between different gaming experiences seamlessly. It is designed to be lightweight, dependency-free (aside from styling), and highly performant.

The Objective

To showcase how complex logic—like state management, timers, and randomized algorithms—can be achieved using standard web technologies without the need for heavy frameworks.

🎮 The Gaming Suite

1. 🏎️ Memory Master

A classic card-matching game that tests your short-term memory.

  • Theme: High-end car brand logos.
  • Mechanics: Includes smooth CSS flip animations, match-detection logic, and a move counter to track efficiency.
  • Path: /memory-game/

2. ⌨️ Velocity Type

A high-intensity speed typing challenge to test your WPM (Words Per Minute).

  • Mechanics: Real-time word validation, a countdown timer, and dynamic score tracking.
  • Features: Multiple difficulty levels that adjust the time-per-word ratio.
  • Path: /speed-typing-game/

3. ✂️ Roshambo (Rock Paper Scissors)

The ultimate classic hand-game played against a randomized AI.

  • Mechanics: Probability-based computer choices, instant win/loss/draw detection, and a persistent session score tracker.
  • Path: /rock-paper-scissors-game/

🛠️ Technology Stack

| Layer | Technology | | :--- | :--- | | Structure | HTML5 (Semantic elements) | | Styling | CSS3 & Bootstrap 5 (Grid/Flexbox) | | Logic | JavaScript (ES6+ Vanilla) | | Version Control | Git & GitHub |

📂 Project Architecture

The project is organized into modular directories, making it easy to add new games to the collection in the future.

JavaScript-MiniGames/
├── Assets/                 # Shared global styles and UI images
├── memory-game/            # Car brand matching logic & UI
├── rock-paper-scissors/    # Hand game logic & assets
├── speed-typing-game/      # Timer-based typing logic
├── dashboard.html          # Game selection hub
└── index.html              # Project entry point & welcome screen