A memory game built with React and Tailwind CSS, featuring parallax tilt effects and card flipping animation. The game fetches images of cats from TheCatAPI to make it more fun!
- Memory game with card flipping animation
- Parallax tilt effects using
react-parallax-tilt
- Fetches cat images from TheCatAPI
- Responsive design with Tailwind CSS
- Clone the repository and install dependencies:
git clone https://github.com/FullStackPete/CatMemoryGame/
cd CatMemoryGame
npm install
- Add .env file
- Register on https://thecatapi.com
- Copy your ApiKey from email into .env file like this: VITE_CatApiKey="YourApiKey"
- Run app as dev:
npm run dev
- Visit localhost:5173
Play the memory game by clicking on cards. Wait for cards to randomize. Choose a card that you didn't pick yet.
Enjoy the parallax tilt effects and cat images from TheCatAPI!
- All website graphics are designed by Weronika Florków
- Mockup provided by rezaazmy/Freepik
This project is licensed under the MIT License - see the LICENSE file for details.