Memory Card Game

A browser-based memory card game built with vanilla JavaScript. Players match pairs of cards while racing against a timer, with smooth animations and responsive design.

Overview

This project was built to practice structuring frontend applications without frameworks, focusing on clean architecture, DOM manipulation, and performance optimization.

Features

• Flip and match card pairs
• Timer-based gameplay
• Restart game functionality
• Responsive layout for different screen sizes
• Smooth animations using CSS transforms

Tech Stack

• JavaScript (Vanilla)
• HTML
• CSS

Architecture

The application follows a clear separation of concerns between game logic, UI rendering, and static assets.

• src/ handles game logic and state management
• public/ contains static assets (icons, HTML entry point)
• styles/ contains global styling and layout

The project emphasizes modular JavaScript, keeping logic isolated from UI updates.

Project Structure

• src/ - game logic and main script
• public/ - HTML and static assets
• styles/ - CSS styles

Running Locally

Open the project in your browser:

open public/index.html

Or use a simple local server:

npx serve public