August 11, 2023

A cat generator made with React

Cat Generator

This project is a simple random cat GIF generator with a text overlay feature. It allows you to fetch random cat GIFs from a public API and then add custom text overlays to them, all built with React and Vite for speed and performance.

Screen Shot 2023-07-26 at 11 58 42 PM

Features

  • Fetches a random cat GIF
  • Add custom text overlay on the GIF
  • Built with React for component-based architecture
  • Vite for faster and leaner development experience

Environment Variables

To run this project, you will need to add the following environment variables to your .env.local file

VITE_APP_CAT_API_KEY

And request an API key from https://thecatapi.com/

Run Locally

Clone the project

  git clone https://link-to-project

Go to the project directory

  cd cat-generator

Install dependencies

  npm install

Start the server

  npm run dev

Contributing

Contributions are always welcome!

Credits

  • Cat GIFs provided by the CatAPI.

Happy coding! 🐱🎉