Skip to content

Repository files navigation

NoThinkFashion

Your one-stop AI fashion companion that analyzes your closet, mixes and matches pieces you already own, and creates on-point outfits for any occasion—without the morning panic of 'I have nothing to wear!'

Built for the Gemini 3 Hackathon 2026 - Powered by Google's Gemini 3 AI


Problem Statement

We've all been there: standing in front of a full closet, overwhelmed, and screaming "I have nothing to wear!"

Despite having dozens of clothing items, we:

  • Waste 15-20 minutes every morning deciding what to wear
  • Experience outfit anxiety and decision fatigue
  • Underutilize 60% of our wardrobe
  • Buy duplicate items we already own
  • Contribute to fashion waste by not maximizing existing clothes

Solution

NoThinkFashion is an AI-powered wardrobe assistant that:

  1. ** Digitizes Your Closet** - Upload photos of your clothes, and Gemini 3 Flash analyzes each item (color, style, formality, season, pattern, material)

  2. ** Creates Perfect Outfits** - Using Gemini 3 Pro's advanced reasoning with Google Search grounding for weather and fashion trends, generates 3 personalized outfit combinations for any occasion

  3. ** Conversational Refinement** - Chat naturally to adjust outfits ("make it more colorful", "I don't like yellow", "show me something more formal")

  4. ** Visualizes Missing Pieces** - Uses Nano Banana Pro (Gemini 3 Pro Image) to generate photorealistic images of suggested items that would complete your wardrobe


Key Features

🧠 Powered by Gemini 3 Models

  • Gemini 3 Flash - Lightning-fast clothing analysis with structured JSON outputs
  • Gemini 3 Pro - Deep reasoning for outfit generation with high thinking level
  • Nano Banana Pro - 2K/4K photorealistic product image generation
  • Google Search Grounding - Real-time weather data and fashion trend integration
  • Thought Signatures - Maintains style preferences across conversations

Core Capabilities

  1. Smart Wardrobe Analysis

    • Category detection (shirts, pants, dresses, etc.)
    • Color palette extraction
    • Style classification (casual, formal, sporty, etc.)
    • Formality scoring (1-5 scale)
    • Season appropriateness
    • Pattern and material identification
  2. AI Outfit Generation

    • Weather-aware suggestions
    • Trend-informed combinations
    • Color theory and harmony analysis
    • Occasion-specific styling (casual, business, formal, party, etc.)
    • Rating system (1-10) for each outfit
    • "Missing piece" recommendations
  3. Conversational Fashion Assistant

    • Natural language refinement
    • Style preference learning
    • Multi-turn context retention
    • Personalized suggestions
  4. Visual Shopping Assistant

    • Photorealistic product imagery for missing items
    • 4K resolution image generation
    • Google Search grounded for realistic suggestions

Technical Architecture

Tech Stack

  • Frontend: React 18 + Vite
  • Styling: Vanilla CSS with custom design system
  • Icons: Lucide React
  • AI Models:
    • gemini-3-flash-preview (clothing analysis)
    • gemini-3-pro-preview (outfit generation)
    • gemini-3-pro-image-preview (image generation)
  • API: Gemini API (REST)
  • Storage: LocalStorage (client-side persistence)

Gemini 3 Features Used

Feature Purpose Model
Structured Outputs JSON schema for clothing metadata Flash
Thinking Level (High) Complex outfit reasoning Pro
Google Search Grounding Weather & trend data Pro
Thought Signatures Conversational memory Flash/Pro
Image Generation (2K/4K) Product visualization Nano Banana Pro
Multimodal Understanding Image + text analysis Flash
Multi-turn Conversations Style refinement Flash

Getting Started

Prerequisites

  • Node.js 18+ and npm/yarn
  • Gemini API Key (Get it here)

Installation

  1. Clone the repository
git clone https://github.com/yourusername/nothinkfashion.git
cd nothinkfashion
  1. Install dependencies
npm install
  1. Run the development server
npm run dev
  1. Open in browser
http://localhost:3000
  1. Enter your Gemini API key when prompted

How to Use

Step 1: Upload Your Wardrobe

  • Click "Upload" tab
  • Select multiple photos of your clothing items
  • AI analyzes each item automatically (color, style, formality, etc.)
  • Items are saved to your digital wardrobe

Step 2: Generate Outfits

  • Go to "Wardrobe" tab
  • Select occasion (casual, business, formal, party, etc.)
  • Optionally add location for weather-aware suggestions
  • Click "Generate Outfits with AI"
  • Get 3 personalized outfit combinations with explanations

Step 3: Refine & Customize

  • Go to "Outfits" tab
  • View AI-generated combinations with ratings
  • Chat to refine: "Make it more colorful", "Show me alternatives"
  • Click "Visualize" on missing pieces to see AI-generated product images

Step 4: Save & Repeat

  • Your wardrobe persists in browser storage
  • Generate unlimited outfit combinations
  • Build your style preferences over time

Design Philosophy

Aesthetic Direction: Modern, gradient-driven, confidence-inspiring

  • Typography: Space Grotesk (distinctive, tech-forward)
  • Colors:
    • Primary: Purple gradient (#667eea → #764ba2)
    • Neutral: Soft grays (#f5f7fa, #c3cfe2)
    • Accents: Green (high ratings), Yellow (medium), Orange (low)
  • Layout: Clean grid system with card-based UI
  • Interactions: Smooth hover states, micro-animations
  • Tone: Professional yet playful, empowering not overwhelming

Future Enhancements

  • Multi-user wardrobes (family/roommates)
  • Direct integration with e-commerce for missing pieces
  • Calendar integration for outfit planning
  • Social sharing of outfit combinations
  • Analytics (most worn items, cost-per-wear)
  • AI stylist personas (minimalist, maximalist, trendy, classic)
  • Sustainability scoring and carbon footprint tracking
  • Mobile app (iOS/Android)

Acknowledgments

  • Google Gemini Team - For creating incredible AI models
  • Gemini 3 Hackathon - For the opportunity to build
  • Fashion Community - For inspiration and real-world problem validation

Built with ❤️ using Gemini 3 AI

"Stop overthinking. Start looking amazing."

About

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages