Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/odilson-dev/memory-card
Memory Card Game is a React-based project, done as an Assignment from Odin
https://github.com/odilson-dev/memory-card
memory-card netlify-deployment reactjs
Last synced: 2 days ago
JSON representation
Memory Card Game is a React-based project, done as an Assignment from Odin
- Host: GitHub
- URL: https://github.com/odilson-dev/memory-card
- Owner: odilson-dev
- Created: 2024-04-19T23:11:38.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-04-28T18:08:36.000Z (7 months ago)
- Last Synced: 2024-05-17T15:26:41.736Z (6 months ago)
- Topics: memory-card, netlify-deployment, reactjs
- Language: JavaScript
- Homepage: https://main--memory-card-game-2024.netlify.app/
- Size: 47.9 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Memory Card Game
## Introduction
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.
## Features
- **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.
## Getting Started
1. **Clone the Repository**: Clone this repository to your local machine.
```bash
git clone https://github.com/odilsoncode/memory-card.git
```
2. **Navigate to the Project Directory**:
```bash
cd memory-card
```
3. **Install Dependencies**:
```bash
npm install
```
4. **Start the Development Server**:
```bash
npm run dev
```
5. **View the Application**: The application will run on [http://localhost:5173](http://localhost:5173).
## Conclusion
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!