A simple AI-powered virtual try-on app using Nano Banana API.
This app lets you upload any photo of a person and virtually try on clothes from online images or real photos. It uses AI to show how the clothing would look on you.
- Upload Person Photo: Choose a clear photo of yourself or someone else
- Upload Clothing: Find a clothing image online or use a real photo
- Generate: The AI will show you how the clothes look on the person
- Download: Save your virtual try-on result
-
Install dependencies:
npm install
-
Add your API key to
src/lib/image-generation-service.ts -
Start the app:
npm run dev
-
Open
http://localhost:8080in your browser
- 🖼️ Upload any photo for virtual try-on
- 👕 Try clothes from online images or real photos
- 🤖 AI-powered realistic results
- 📱 Simple, clean interface
- 💾 Download your results
- React + TypeScript
- Nano Banana API (Gemini AI)
- Tailwind CSS
- Vite
fit-check-v1/
├── src/
│ ├── components/
│ │ ├── QueryInterface.tsx # Main app interface
│ │ └── ui/ # UI components
│ ├── lib/
│ │ └── image-generation-service.ts # AI integration
│ ├── pages/
│ │ └── Index.tsx # Main page
│ └── main.tsx # App entry point
├── public/ # Static assets
└── package.json # Dependencies
Built with ❤️ using React, TypeScript, and Google Gemini AI