Mini Try-On

A virtual try-on application that allows users to visualize clothing items on themselves using AI-powered technology.

Features

• Virtual Try-On: Upload photos and try on different clothing items
• Fit Check: Get personalized fit recommendations
• Gallery: Browse and save your favorite looks
• Preferences: Customize your experience
• Responsive Design: Works on both desktop and mobile devices

Tech Stack

Frontend

• React 18 with TypeScript
• Vite for build tooling
• Modern CSS with responsive design
• Toast notifications for user feedback

Backend

• Node.js server
• RESTful API endpoints
• File upload handling
• Image processing capabilities

Project Structure

mini-tryon/
├── backend/           # Node.js server
│   ├── server.js     # Main server file
│   └── package.json  # Backend dependencies
├── fitcheck/         # React frontend application
│   ├── src/         # Source code
│   │   ├── components/  # Reusable UI components
│   │   ├── pages/       # Application pages
│   │   ├── lib/         # Utility functions and API
│   │   └── App.tsx      # Main application component
│   ├── package.json     # Frontend dependencies
│   └── vite.config.mjs # Vite configuration
└── README.md

Getting Started

Prerequisites

• Node.js (v16 or higher)
• npm or yarn

Installation

1. Clone the repository

   git clone https://github.com/himavanthkar/mini-tyron.git
   cd mini-tyron

2. Install backend dependencies

   cd backend
   npm install

3. Install frontend dependencies

   cd ../fitcheck
   npm install

Running the Application

1. Start the backend server

   cd backend
   npm start

2. Start the frontend development server

   cd fitcheck
   npm run dev

3. Open your browser and navigate to http://localhost:5173

Usage

1. Welcome Screen: Start by uploading your photo
2. Try-On: Select clothing items to try on
3. Fit Check: Get personalized recommendations
4. Save Favorites: Save your favorite looks to your gallery
5. Customize: Adjust preferences and settings

API Endpoints

• POST /api/upload - Upload user photos
• POST /api/tryon - Process virtual try-on
• GET /api/fits - Retrieve saved fits
• POST /api/preferences - Update user preferences

Contributing

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

License

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

Support

If you have any questions or need help, please open an issue on GitHub.

Acknowledgments

• Built with modern web technologies
• Powered by AI for virtual try-on capabilities
• Designed for the best user experience