Skip to content

tonocode/odin-memory-card

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Memory Card Game 🃏

Welcome to the Memory Card Game repository! This simple and engaging card-matching game is built using React, Vite, JavaScript, and CSS. Exercise your memory skills by matching pairs of cards while enjoying a visually appealing and responsive web interface.

Memory Card Game

Technologies Used

  • React: A powerful JavaScript library for building user interfaces.
  • Vite: A fast and efficient development build tool for modern web projects.
  • JavaScript: The language that brings interactivity to the game.
  • CSS: Styles to enhance the visual experience of the game.

How to Play

  1. Clone the Repository:
    git clone https://github.com/your-username/memory-card-game.git
    cd memory-card-game
    

Learning Highlights

This project is a great opportunity to explore and understand the following concepts:

  • useEffect Hook: Learn how to use the useEffect hook in React to manage side effects, such as updating the game state based on user actions.

  • API Integration with React: Discover how to integrate APIs into a React application. You can extend the game by fetching cards dynamically from an external API.

  • Deploying with Vercel: Explore the process of deploying a React application using Vercel. Understand the steps involved in making your Memory Card Game accessible to users on the web.

  • Folder Structure

  • src/components: Contains React components for the game.

  • src/styles: CSS files for styling the game components.

  • src/App.js: The main application file.

  • public: Static assets and HTML template.