This is a simple React application built with Vite that fetches data from The Cat API. The app displays random cat images and a list of cat breeds, with easy navigation between the two.
- Display random cat images
- Display a list of cat breeds
- Navigation between the images and breeds pages
Follow the instructions below to get the project up and running on your local machine.
Make sure you have the following installed:
-
Clone the repository:
git clone https://github.com/yourusername/cat-api-react-app.git cd cat-api-react-app -
Install dependencies: npm install
-
Create a .env file: In the root directory of the project, create a .env file with the following content, replacing your_api_key with your actual API key from The Cat API: VITE_CAT_API_KEY=your_api_key
-
Run the development server: npm run dev The application should now be running on http://localhost:5173.