AI-Powered Wardrobe Management & Outfit Suggestions

fAishion is a modern web application that helps you manage your wardrobe digitally and get AI-powered outfit suggestions based on weather, occasion, and your personal style preferences.

• AI-Powered Analysis: Snap a photo of any clothing item and get automatic categorization
• Instant Recognition: Automatically detects item name, category, color, and style tags

• Digital Closet: Organize all your clothing items digitally
• Advanced Filtering: Filter by category, color, season, and style
• Easy Editing: Update item details, add new pieces, or remove old ones

• Real-Time Weather: Integrates with weather APIs for current conditions
• Smart Recommendations: Get outfit suggestions based on temperature and weather
• Location-Aware: Automatically detects your location for accurate weather data
• Seasonal Adaptation: Suggests appropriate clothing for different seasons

• Style Preferences: Set your preferred colors, fits, and comfort levels
• Occasion-Based: Different suggestions for work, casual, formal occasions
• User Profiles: Personalized experience with secure user accounts

• Dark Theme: Sleek, modern dark interface
• Mobile Responsive: Works perfectly on all devices
• Smooth Animations: Polished user experience with Tailwind CSS
• Intuitive Navigation: Easy-to-use interface built with shadcn/ui components

• User Authentication: Secure login with Supabase Auth
• Data Privacy: Your wardrobe data is securely stored and private
• Input Validation: Comprehensive validation and sanitization
• Error Handling: Robust error handling and user feedback

• User Management: Admin panel for user oversight
• Analytics: Usage statistics and insights
• Content Moderation: Tools for maintaining quality

• React 18
• TypeScript
• Vite
• Tailwind CSS
• shadcn/ui
• Lucide React

• Supabase - Backend as a Service (BaaS)
  • Authentication
  • PostgreSQL Database
  • Edge Functions
  • Real-time subscriptions
• OpenAI API - AI-powered clothing analysis
• OpenWeatherMap API - Real-time weather data

• TanStack Query - Server state management and caching
• React Context - Global state management
• Zod - Schema validation and type safety

• Node.js (v18 or later)
• npm or bun
• Supabase account (for backend services)
• OpenAI API key (for AI analysis)

1. Clone the repository

   git clone https://github.com/your-username/faishion-v1.git
   cd faishion-v1

2. Install dependencies

   npm install
   # or
   bun install

3. Environment Setup

   • Set up your Supabase project
   • Configure OpenAI API key in Supabase Edge Functions
   • Update Supabase configuration in src/integrations/supabase/client.ts

4. Database Setup

   # Run Supabase migrations (if using local development)
   supabase db reset

5. Start development server

   npm run dev
   # or
   bun dev

6. Open in browser Navigate to http://localhost:8080 (or the port shown in terminal)

npm run build
npm run preview

1. Sign Up: Create your account using email/password
2. Onboarding: Complete the setup wizard to configure preferences
3. Add Items: Use the camera feature or manual entry to add clothing items
4. Get Suggestions: Let AI suggest outfits based on weather and occasion

• Camera Method: Click "Add with Camera" for AI-powered analysis
• Manual Method: Click "Add Manually" to enter details yourself
• Bulk Import: Use the wardrobe builder for quick setup

• Weather-Based: Automatic suggestions based on current weather
• Occasion-Based: Filter suggestions by work, casual, formal events
• Brand Integration: Discover new items from partner brands

faishion-v1/
├── src/
│   ├── components/          # React components
│   │   ├── ui/             # shadcn/ui components
│   │   ├── wardrobe/       # Wardrobe management components
│   │   ├── outfits/        # Outfit suggestion components
│   │   └── admin/          # Admin panel components
│   ├── contexts/           # React contexts
│   ├── hooks/              # Custom React hooks
│   ├── integrations/       # External service integrations
│   ├── services/           # Business logic and API calls
│   ├── utils/              # Utility functions
│   └── pages/              # Main page components
├── supabase/
│   ├── functions/          # Edge Functions
│   └── migrations/         # Database migrations
└── public/                 # Static assets

We welcome contributions! Please see our contributing guidelines:

1. Fork the repository
2. Create a feature branch (git checkout -b feature/amazing-feature)
3. Make your changes
4. Add tests if applicable
5. Commit your changes (git commit -m 'Add amazing feature')
6. Push to the branch (git push origin feature/amazing-feature)
7. Open a Pull Request

This project is licensed under the MIT License - see the LICENSE file for details.

• 📧 Email: [email protected]

Lots of love to Lovable for helping me to shape the idea ❤️