August 2025

Elite Wave - FashionGPT -> Your AI Fashion Assistant

FashionGPT is an AI-powered personal stylist that helps users choose outfits, mix & match clothes, and explore new fashion trends. It adapts to mood, climate, occasion, gender, and age, making styling effortless and inclusive.

View on GitHub

Features

Mood + Climate Based Suggestions: Outfit ideas based on how you feel and the weather outside.
Mix & Match Solver: Suggests tops, bottoms, accessories, and footwear that work together.
Inclusive for All: Works across genders, ages, and body types.
Style Discovery: Explore categories like Casual, Formal, Streetwear, Ethnic, Party, and more.
Confidence Booster: No more second-guessing – FashionGPT helps you dress with clarity and style.

Usage Modes

Quick Decision Mode: “I’m in a rush, what should I wear?”
Explore Mode: “Show me trending streetwear for monsoon.”
Assisted Mode: “I have these beige chinos, what shirt works?”
Inspiration Mode: “I want to look elegant but comfy for a family dinner.”

Examples

Mood: Happy | Climate: Rainy | Occasion: Casual

→ Suggests: Light denim jacket, white tee, sneakers, minimal silver chain.

Item Input: "Black pants"

→ Suggests: Pastel button-down shirt, loafers, leather strap watch.

Technology Stack

Frontend

React / TypeScript

Backend & APIs

Python / Flask
MongoDB / PostgreSQL
Weather API, Trend API (optional)

AI Layer

Hugging Face model (meta-llama/Llama-2-7b)
OpenAI GPT
Fine-tuned fashion dataset

Setup Instructions

1. Prerequisites

Node.js (v18+), Python (v3.8+), and a Supabase account.

2. Clone & Environment

git clone https://github.com/Krisanth-21/FashionGene.git
cd FashionGene

Create a .env file in the root for frontend variables and another .env inside src/backend/ for backend variables (like Supabase credentials).

3. Backend Setup

Navigate to the backend directory:
```
cd src/backend
```
Activate the virtual environment:
```
.\env\Scripts\activate
```
Install dependencies:
```
pip install -r requirements.txt
```
Test your Supabase connection:
```
python test_supabase.py
```

4. Frontend Setup

# From the root directory
npm install

Running the Application

Start the Backend

cd src/backend
# Make sure your virtual env is active
python app.py

Start the Frontend

# From the root directory
npm run dev

Navigate to http://localhost:5173

Project Structure

.
├── src/
│   ├── backend/                # Python backend
│   │   ├── .env                # Backend environment variables
│   │   ├── app.py              # Main Flask application
│   │   ├── requirements.txt    # Python dependencies
│   │   └── test_supabase.py    # Supabase connection test script
│   ├── components/             # Reusable UI components (Navbar, etc.)
│   ├── lib/                    # Utility functions
│   ├── pages/                  # React pages (Auth, Chat, Home, Input...)
│   ├── App.tsx                 # Main React component
│   └── main.tsx                # React entry point
├── supabase/migrations/        # Database migrations
├── .env                        # Frontend environment variables
├── package.json                # Node.js dependencies
└── vite.config.ts              # Vite configuration