Skip to content

nxtkofi/CatMemoryGame

Repository files navigation

React Memory Game

Game Images

Live on netlify! Click here.

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!

Features

  • Memory game with card flipping animation
  • Parallax tilt effects using react-parallax-tilt
  • Fetches cat images from TheCatAPI
  • Responsive design with Tailwind CSS

Technologies Used

Installation

  1. Clone the repository and install dependencies:
git clone https://github.com/FullStackPete/CatMemoryGame/
cd CatMemoryGame
npm install
  1. Add .env file
  2. Register on https://thecatapi.com
  3. Copy your ApiKey from email into .env file like this: VITE_CatApiKey="YourApiKey"
  4. Run app as dev:
npm run dev
  1. Visit localhost:5173

Usage

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!

Acknowledgments

License

This project is licensed under the MIT License - see the LICENSE file for details.