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](https://private-user-images.githubusercontent.com/112726692/256427801-c072d728-6404-43d7-a3f3-e9859874ff19.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg1NjQwMTgsIm5iZiI6MTcxODU2MzcxOCwicGF0aCI6Ii8xMTI3MjY2OTIvMjU2NDI3ODAxLWMwNzJkNzI4LTY0MDQtNDNkNy1hM2YzLWU5ODU5ODc0ZmYxOS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjE2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYxNlQxODQ4MzhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1kZDYzMjU0NGYwODhkZTJmN2RhOGQxMDc2MzIyZDEwOTJmNDk0YzJkOWI5OGViMDFmMzlkZDlmMGJhNGIwZjY5JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.d8qyziermBn8tLLP4MPRVhvWJ9Ld7J0G5tAvlovrrXA)
- 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
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/
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
Contributions are always welcome!
- Cat GIFs provided by the CatAPI.
Happy coding! 🐱🎉