Find, Try On, and Buy Clothes with AI
Features • Architecture • Installation • Usage • Technologies • Team • License
EchoLook offers a comprehensive suite of AI-powered features for a revolutionary shopping experience:
Feature | Description |
---|---|
🎤 Voice Search | Simply describe what you're looking for and let AI find matches |
👗 Clothing Segmentation | Intelligent detection and classification of garments in photos |
🔍 Visual Search | Upload photos or take them instantly to find similar clothes in the Inditex catalog |
🎭 Virtual Try-On | See how clothes will look on you before purchasing |
Our application follows a modern client-server architecture:
- Client: Responsive Quasar/Vue.js frontend with intuitive UI components
- Server: Node.js backend with Express handling API requests and AI services
- AI Modules:
- Cloth Segmentation Mini (U2NET model)
- Whisper-Query-Parser (Voice to structured queries)
- FashnAI API Integration (Virtual try-on)
# Install FFmpeg (required for audio processing)
# Ubuntu/Debian
sudo apt-get update && sudo apt-get install -y ffmpeg
# macOS
brew install ffmpeg
# Windows
# Download from https://ffmpeg.org/download.html
- Clone the repository
git clone https://github.com/yourusername/echolook.git
cd echolook
- Install dependencies
npm install
This will install dependencies for:
- Root project
- Client (Vue.js/Quasar)
- Server (Node.js/Express)
- AI modules (Python requirements)
- Set up environment variables
cp .env.example .env
# Edit .env with your API keys:
# - GOOGLE_API_KEY for Gemini
# - FASHN_API_KEY for virtual try-on
# - INDITEX_API_KEY for product search
# - PICTURE_BUCKET
# - ACCESS_KEY_ID
# - SECRET_ACCESS_KEY
# - INDITEX_USER
# - INDITEX_SECRET
# - INDITEX_OAUTH_URL
# - INDITEX_API_URL
# - WHISPER_API_URL
# - FASHNIA_API_URL
- Start the application
npm run dev
This will concurrently launch:
- Frontend at http://localhost:9000
- Backend at http://localhost:3000
- Navigate to the camera icon on the main page
- Upload a photo or take one with your camera
- The image will be automatically segmented
- Click on any detected garment to see similar options in the Inditex catalog
- Click the microphone button
- Describe what you're looking for (e.g., "I want a blue short-sleeve t-shirt")
- The system will translate your request and show relevant results
- Select an image of yourself
- Choose a garment from search results
- Click "Try On" to see the garment virtually fitted on your photo
José Manuel Amestoy |
Alejandro Buján |
Sergio Goyanes |
This project is licensed under the MIT License - see the LICENSE file for details.
Created for HackUPC 2025 InditexTECH Challenge