🐶🐱 PawFit

A fun and interactive web app built with React + Vite that generates random outfits for pets.
Users can choose between a Dog or Cat, and the app displays a random combination of shirt, pants, and shoes for the pet.

---

🚀 Features

• Choose between Dog or Cat
• Randomized pet outfits every time
• Uses live images from APIs for pets and clothing
• Responsive and simple design
• Quick and fun way to see pets in cute outfits

---

🛠️ Tech Stack

• React (Functional Components)
• Vite for fast development and hot reload
• Unsplash API for clothing images
• Dog CEO API and The Cat API for pet images
• CSS for styling

---

💾 Setup Instructions

1. Clone the repository

git clone https://github.com/your-username/pet-outfit-generator.git
cd pet-outfit-generator

2. Install dependencies

npm install

3. Create a .env file in the root folder

VITE_UNSPLASH_KEY=YOUR_UNSPLASH_ACCESS_KEY

⚠️ Make sure the variable starts with VITE_.

4. Start the development server

npm run dev

Open the URL printed in your terminal (usually http://localhost:5173) to see the app.

📁 Project Structure

my-react-app/
│
├── public/
│   └── vite.svg
├── src/
│   ├── assets/
│   ├── App.css
│   ├── App.jsx
│   └── main.jsx
├── .env               # Contains Unsplash API key
├── package.json
└── README.md

🔧 Possible Enhancements

• Add more outfit categories (hats, scarves, accessories)
• Save favorite outfits
• Use multiple APIs for more variety
• Layer outfits visually on the pet image for a realistic look