Skip to content

NaimaBogran/matching-card-bootcamp

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 

Repository files navigation

♠️ Week08 Bootcamp2019a Project: Matching Card Game

Goal: Make a 10 card memory game - users must be able to select two cards and check if they are a match. If they are a match, they stay flipped. If not, they flip back over. Game is done when all cards are matched and flipped over. Example: http://www.fruit-burst.co.uk/fun-and-games/pairs-game

Matching Card Game

HTML5 CSS3 JavaScript

A feature-rich implementation of a classic matching card game, built from scratch with a modern, minimalist aesthetic using vanilla JavaScript. This project demonstrates core frontend skills such as dynamic DOM manipulation and client-side state management.

🎮 Live Demo: https://naimabogran.github.io/matching-card-bootcamp/


image

✨ Features

  • Responsive Design: A clean, mobile-first design that looks great on any device, from phones to desktops.

🛠️ Tech Stack

  • Frontend: HTML5, CSS3 (Flexbox), Vanilla JavaScript (ES6+)
  • Core Concepts: DOM Manipulation, Advanced Event Handling (Event Delegation), and Client-Side State Management.
  • Deployment: GitHub Pages

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 65.0%
  • CSS 22.9%
  • HTML 12.1%