Fashion Recommendation System

🚀 FastMCP_RecSys

A CLIP-based fashion recommendation system integrated with MCP functionality. It detects clothing using YOLO, encodes it with CLIP, and recommends similar products.

🚀 Quick Start

Step 1: Clone the repository

git clone https://github.com/yourusername/FastMCP_RecSys.git
cd FastMCP_RecSys

Step 2: Install dependencies

pip install -r backend/app/requirements.txt
npm install

Step 3: Start the service

docker-compose up --build

✨ Features

This system is a CLIP-based fashion recommendation system integrated with MCP functionality. The process is as follows:

• The user uploads a piece of clothing.
• YOLO detects the clothing.
• CLIP encodes the clothing.
• Similar clothing items are recommended.

📚 Documentation

Template Diagram

User uploads a piece of clothing → YOLO detects the clothing → CLIP encodes it → Similar clothing items are recommended

File Structure

/Project Root Directory
│
├── /backend
│   ├── Dockerfile            
│   ├── /app
│   │   ├── server.py                    # FastAPI application code
│   │   ├── /routes
│   │   │   └── clothing_routes.py
│   │   ├── /controllers
│   │   │   └── clothing_controller.py
│   │   │   └──clothing_tagging.py
│   │   │   └── tag_extractor.py         # TBD: Define core CLIP functionality
│   │   ├── schemas/
│   │   │   └── clothing_schemas.py
│   │   ├── config/
│   │   │   └── tag_list_en.py           $ Tool: https://jsoncrack.com/editor
│   │   │   └── database.py       
│   │   │   └── settings.py       
│   │   │   └── api_keys.py     
│   │   └── requirements.txt      
│   └── .env                      
│                      
├── /fastmcp
│   └── app
│       └── server.py  
│
├── /frontend 
│   ├── Dockerfile        
│   ├── package.json              
│   ├── package-lock.json         
│   ├── /public
│   │   └── index.html            
│   ├── /src
│   │   ├── /components            
│   │   │   ├── ImageUpload.jsx    
│   │   │   ├── DetectedTags.jsx   
│   │   │   └── Recommendations.jsx 
│   │   ├── /utils
│   │   │   └── api.js             
│   │   ├── App.js                    # Main React component
│   │   ├── index.js
│   │   ├── index.css            
│   │   ├── tailwind.config.js        
│   │   ├── postcss.config.js        
│   │   └── .env     
│   └── /public
│       └── .htaccess
└── README.md

📈 Progress

1. Project architecture design completed.
2. Backend functionality implementation completed.
3. Basic front-end interface development completed (image upload function).
4. Collaboration process with other team members established.

📋 Next Steps

1. Test the accuracy of the CLIP model's tags on clothing images.
2. Adjust and optimize the tagging system to improve recommendation effectiveness.
3. Integrate real-time user data for testing.
4. Set up a monitoring system to track model performance.
5. Complete the front-end demonstration version.