A personalized AI-based fashion styling recommendation platform that provides professional styling advice through intelligent conversations and image analysis.

• 🤖 AI Intelligent Conversation - Fashion consultant based on large language models
• 📸 Image Analysis - Upload photos to get personalized styling advice
• 🎨 Style Management - Personal style library and matching history
• 👤 User Guidance - New user-friendly onboarding process
• 📱 Responsive Design - Supports access on multiple devices
• ⚡ Real-time Interaction - Smooth user experience

Production Environment: https://vercel.com/jiameng1991-gmailcoms-projects/v0-fasionapp

• Next.js 15.2.4 - Full-stack React framework
• React 19 - User interface library
• TypeScript - Type-safe JavaScript
• Tailwind CSS - Atomic CSS framework
• Radix UI - Accessible component library

• Next.js API Routes - Server-side API
• Vercel KV - Redis database
• Vercel Blob - File storage
• Google GenAI (Gemini) - Primary image generation service
• OpenAI API - Chat and content generation
• LangChain - AI workflow orchestration

• ESLint & Prettier - Code quality and formatting
• Zod - Data validation
• React Hook Form - Form management

styleai-rp/
├── app/                    # Next.js App Router
│   ├── api/               # API routes
│   ├── chat/              # Chat page
│   ├── my-style/          # Personal style management
│   ├── onboarding/        # User onboarding
│   └── ...
├── components/            # Shared components
├── lib/                   # Utility functions
├── public/                # Static resources
├── docs/                  # Project documentation
└── styles/                # Global styles

For complete project documentation, please see the docs directory:

• 📋 Project Structure Overview - Complete architecture description
• 🏗️ System Design - System architecture design
• 💬 Chat Room Design - AI chat feature design
• 🚀 Deployment Guide - Deployment and environment configuration

• Node.js 18+
• npm or pnpm

1. Clone the Project

git clone <repository-url>
cd styleai-rp

2. Install Dependencies

npm install
# or
pnpm install

3. Environment Configuration

cp .env.local.example .env.local
# Edit .env.local to add necessary API keys

4. Start Development Server

npm run dev
# or
pnpm dev

5. Access the Application Open http://localhost:3000 to view the application

npm run build
npm start

• Intelligent styling advice
• Multi-turn conversation support
• Context understanding

• Photo upload and analysis
• Style recognition
• Color matching advice

• User account management
• Personal style library
• Matching history records

• Style preference settings
• Personalized recommendations
• Style trend analysis

• Basic UI framework setup
• User authentication system
• AI chat feature
• Image upload analysis
• User onboarding process

• Chat room feature upgrade
• Real-time message push
• Style management optimization
• Mobile adaptation

• Voice interaction
• Social sharing
• Personalized recommendation algorithm
• Multi-language support

We welcome all forms of contributions!

1. Fork the project
2. Create a feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

• Anti-Overengineering: Keep it simple. Practical solutions > Perfect code.
• Develop using TypeScript
• Follow ESLint and Prettier rules
• Write necessary test cases
• Update relevant documentation

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

• Project Issues: GitHub Issues
• Feature Suggestions: Discussions
• Email Contact: [email protected]

• Next.js - Powerful React framework
• OpenAI - Provides AI model support
• Vercel - Excellent deployment platform
• Radix UI - Accessible component library
• Tailwind CSS - Practical CSS framework

Maintainers: StyleAI Team Last Updated: June 2025