A modern web app for virtual clothing try-on. Users upload their photo and preview catalog items on themselves. Built with a React frontend and a Python Flask backend using a serverless SQLite database.
- User Image Upload: Upload your photo for virtual try-on.
- Clothing Catalog: Browse and filter by brand.
- Virtual Try-On: See a simulated preview of clothing on your photo.
- Modern UI: Responsive, brand-inspired design with smooth animations.
- Admin Panel: Web-based management of catalog via Flask-Admin.
- Database Management CLI:
manage.pyfor advanced DB operations.
- Frontend: React, CSS3, Vite
- Backend: Flask, Flask-Admin, Flask-SQLAlchemy, Pillow, SQLite
- Dev Tools: Node.js, npm, Python 3.8+, pip, virtualenv, Git
virtual-try-on-app/
├── backend/
│ ├── app.py # Main Flask app (API + Admin)
│ ├── manage.py # CLI for DB management
│ ├── requirements.txt # Backend dependencies
│ ├── database.sqlite # SQLite DB (auto-generated)
│ ├── init_db.py # DB seeding script
│ ├── uploads/ # Uploaded user images
│ ├── logs/ # Log files
│ └── ...
├── frontend/
│ ├── src/ # React app source
│ ├── public/
│ ├── index.html
│ └── ...
├── README.md # Project documentation
└── ...
- Node.js & npm (for frontend)
- Python 3.8+ & pip (for backend)
- Git
git clone https://github.com/h3x0r-official/virtual-try-on-app.git
cd virtual-try-on-appcd backend
python -m venv venv
source venv/bin/activate # On Windows: .\venv\Scripts\activate
pip install -r requirements.txt
python init_db.py # Creates SQLite DB and seeds sample datacd ../frontend
npm installcd backend
source venv/bin/activate
python app.py
# Flask API: http://127.0.0.1:5000
# Admin Panel: http://127.0.0.1:5000/admincd frontend
npm run dev
# App: http://localhost:5173- Use the web admin at
/adminfor catalog CRUD. - For advanced DB ops:
cd backend
source venv/bin/activate
python manage.py --help- Uploaded images:
backend/uploads/ - Logs:
backend/logs/ - SQLite DB:
backend/database.sqlite
MIT