Memory Card Game is a project that lets users play a card game where they must remember the images and texts on cards. The game uses React to manage state and render dynamic components. The game includes a scoreboard that tracks the current score and a best score, which shows the highest score achieved thus far.
- Scoreboard: Displays the current score and the highest score achieved.
- Shuffle Cards: Shuffles and randomizes the order of the cards whenever the user clicks one.
- Card Components: Displays a series of cards with images and informational texts fetched from an external API.
- API Integration: Uses PokeAPI to fetch images and texts for the cards.
- Dynamic State Management: Uses React's state and props for efficient data handling.
-
Clone the Repository: Clone this repository to your local machine.
git clone https://github.com/odilsoncode/memory-card.git
-
Navigate to the Project Directory:
cd memory-card -
Install Dependencies:
npm install
-
Start the Development Server:
npm run dev
-
View the Application: The application will run on http://localhost:5173.
Memory Card Game is a fun and interactive project that challenges users' memory and attention. By completing this project, i gained experience with React components, state management, props, and API integration. The application is designed to be engaging and can be easily customized for various themes and purposes.
Thank you for exploring this project!