Project: Animals Memory Game
This is a memory game where you can earn points by clicking on images of animals without clicking on any image more than once. The game shuffles the images each time you click, making it challenging to remember which ones you've clicked.
- React
- JavaScript
- CSS
-
Dynamic Image Loading: The app fetches animal images from the Pexels API dynamically, ensuring a variety of images each time you play.
-
Score Tracking: The app keeps track of your current score and your best score. The best score updates when you achieve a new high score.
-
Responsive Design: The interface is responsive, ensuring an optimal experience on both desktop and mobile devices.
-
Interactive Gameplay: Click on the images to score points, but don't click the same image twice! The game shuffles the images after each click.
- Click on an image to earn a point.
- Don't click on the same image more than once, or your score will reset to zero.
- The game shuffles the images after each click, so pay attention!
- Pexels API: Used to fetch high-quality images of animals. More information about the API can be found here.
- Clone the repository:
git clone https://github.com/your-username/animals-memory-game.git - Navigate to the project directory:
cd animals-memory-game - Install the dependencies:
npm install - Create a '.env' file in the root directory of the project and include 'VITE_PEXELS_API_KEY=your-api-key-here'
The project can be deployed using platforms like Vercel, Netlify, or GitHub Pages. Make sure to update the API key if you're using a different environment.