Skip to content

Latest commit

 

History

History
34 lines (23 loc) · 1.62 KB

README.md

File metadata and controls

34 lines (23 loc) · 1.62 KB

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.