Skip to content

WillBasso/memory-card

Repository files navigation

🃏 Memory Card Game

React Vite JavaScript Status Learning

🧠 Memory card game built with React. Click cards to score points, but don't click the same card twice! Project developed by following the Build 3 React Projects in 4 Hours tutorial.

📸 Preview

Tenzies game - all dice ready to roll

🎯 Learning Objectives

This project was built to practice core React concepts:

  • useState - Managing game score and clicked cards
  • useEffect - Fetching card data from API on mount
  • Component composition - Breaking UI into reusable pieces
  • Props drilling - Passing data and callbacks to children
  • Array/object manipulation - Shuffling cards, tracking clicks
  • Conditional rendering - Game over / victory screen

🛠️ Technologies

Technology Description
React 18 UI library for building interfaces
Vite Fast build tool with HMR
JavaScript Game logic and state management
CSS3 Responsive card grid styling
GitHub Pages Hosting and deployment

About

Project to learn React

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors