Skip to content

About

AI-powered virtual try-on app using Nano Banana API

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Latest commit

 

History

6 Commits

Folders and files

Repository files navigation

Fit Check V1 - AI Virtual Try-On Application

A simple AI-powered virtual try-on app using Nano Banana API.

What It Does

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.

Virtual Try-On Example

How to Use

  1. Upload Person Photo: Choose a clear photo of yourself or someone else
  2. Upload Clothing: Find a clothing image online or use a real photo
  3. Generate: The AI will show you how the clothes look on the person
  4. Download: Save your virtual try-on result

Quick Start

  1. Install dependencies:

    npm install
  2. Add your API key to src/lib/image-generation-service.ts

  3. Start the app:

    npm run dev
  4. Open http://localhost:8080 in your browser

Features

  • 🖼️ 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

Built With

  • React + TypeScript
  • Nano Banana API (Gemini AI)
  • Tailwind CSS
  • Vite

Project Structure

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

About

AI-powered virtual try-on app using Nano Banana API

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages