Conversational Outfit Generator

Introduction

The Conversational Outfit Generator is an innovative platform that utilizes the power of generative AI to offer outfit suggestions to users. With the use of OpenAI's API, the backend serves as the brain of the system, identifying outfits based on user preferences. The frontend provides a responsive user interface where individuals can interact in real-time with the chatbot, retrieving product searches and relevant images tailored to their choices.

Diagram

PPT Link -: https://docs.google.com/presentation/d/145y6RT8ef1Tni_6MHoavDLwmA1vTvIXEMPjq2zyeIqk/edit?usp=sharing

Tech Stack Used

• Backend: Express & Node.js (Powered by OpenAI's API), Python, Flask,
• Frontend: React.js with TypeScript & Bootstrap
• Libraries and Tools: TensorFlow, Keras, OpenCV, NumPy, Gunicorn
• Deep Learning Model: VGG16 (pre-trained model)

Deployed URLs:

• Frontend: https://flipkart-grid-5-0-frontend.onrender.com/
• Backend: https://flipkart-grid-5-0-backend.onrender.com/
• SimilarProductModel: https://similar-image-model.onrender.com/get_similar
• SimilarProductModel is not working on hosting site as it require large disk space so it is recommended to use in local system.

Setup

1. Clone the Repository:

   git clone https://github.com/thisispriyanshu/conversational-outfit-generator

2. Navigate to the Project Directory:

   cd [directory-name]

3. Backend Setup:

   • Navigate to the backend folder:

     cd backend

   • Install necessary packages:

     npm install

   • Create a .env file in the root of the backend directory and add the following:

     API_KEY=your_openai_api_key
     PORT=desired_port_number
     

4. Similar Product Model Setup:

   • Navigate to the similar Image Model folder:

     cd similarImageModel

   • Create a virtual environment:

     python -m venv venv

   • Activate the venv:

     venv\Scripts\activate (for windows)

   • Install necessary packages:

     pip install -r requirements.txt

   • Run app.py python file to start the server:

     python app.py

5. Frontend Setup:

   • Navigate to the frontend folder:

     cd frontend

   • Install necessary packages:

     npm install

Running the App

1. Running the Backend:

   cd backend
   npm start

2. Running the Similar Product Model:

   cd similarImageModel
   python app.py
   Server PORT:  http://127.0.0.1:5000

3. Running the Frontend:

   cd frontend
   npm start

How to Contribute

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Commit your changes and push to your fork.
4. Create a pull request from your fork to the main repository.
5. Ensure your PR has a clear title and description, and it follows the contribution guidelines.

Your contributions and suggestions are welcome! Together, we can make the Conversational Outfit Generator even better!