Giter VIP home page Giter VIP logo

fashionai's Introduction

OnPoint - Your Ultimate Fashion Companion πŸ‘—πŸ‘ 

Welcome to OnPoint, where fashion meets technology to redefine your style experience. 🌟 This cutting-edge fashion assistant combines advanced technologies to bring you a seamless and personalized journey through the world of style.

Features

1. Fashion Outfit Generator 🌈

Effortlessly create complete outfits by describing your occasion, age, and location. OnPoint's algorithm curates the perfect ensemble, including footwear and accessories, for any event.

2. Virtual Stylist πŸ“ΈπŸ’„

Capture the essence of your favorite clothing piece through a photo and let the virtual stylist suggest complementary items. Receive expert advice on how to mix and match your wardrobe for an effortlessly stylish look.

3. Color Palette Generator 🎨🌈

Discover your ideal color palette based on color therapy and facial complexion analysis. OnPoint helps you identify colors that enhance your natural features, ensuring you always look and feel your best.

4. Virtual Try On πŸ€³πŸ‘—

Visualize your selected outfits with the virtual try-on feature. Upload a photo, specify your desired looks, and see how they enhance your style before making any decisions.

Techstack πŸ–₯️

  • Frontend: React JS
  • APIs: All connections are done through WebSockets in Flask
  • Backend: LLMs are implemented using Python

Getting Started πŸš€

  1. Clone the repository: git clone https://github.com/yourusername/OnPoint.git
  2. Install dependencies: npm install
  3. Run the application: npm start

How does it work?

πŸ” Step 1: Insights from User Prompt:

  • Problem: Understanding what the user wants from the prompt.
  • Solution: The user's prompt is processed to understand factors such as Age, Location, and Occasion using LLM.

🌟 Step 2: Insights from Latest Fashion Trends:

  • Problem: Identifying latest trends from social media.
  • Solution: Top trending fashion posts are scraped from Instagram Fashion Influencers, processed through a Vision Assistance model, and stored for reference.

πŸ—ƒοΈ Step 3: Creating a VectorDB:

  • A database of all fashion products is vectorized for faster and efficient matching and retrieval.

πŸ” Step 4: Searching the VectorDB:

  • The insights from the user prompt and latest fashion trends are combined to generate a query for searching in ChromaDB.

πŸ› οΈ Step 5: Processing Insights:

  • Combining insights from user prompts to generate a usable search query for ChromaDB, later converted to embeddings for efficient searching.

πŸš€ Step 6: Serving User:

  • Using Flask-SocketIO to serve ChromaDB search results to the user via a POST request.

πŸ”„ Step 7: Incorporating User-Requested Outfit Changes:

  • Identifying necessary changes based on the user's evolving prompt and searching VectorDB again to adjust the outfit accordingly.

Diagram1

What it looks like:

This is the Home screen of the Application SS1 SS2

If you would like to talk to the Fashion Expert AI you can do so over here SS3

Like this SS4

SS5

you can also ask for more suggestions for mixing and matching different styles SS6 SS7

If you are not sure what kind of colors to choose for your personal tone, Ask the Color Expert who can suggest the palette of colors that look the best with your skin tone SS10 SS9

For example, This is Shubh,

shubh-removebg

and he is not so sure about the type of clothes that he should wear for an outing with his friends but fret not, your Fashion Companion is here to save the Day!! with just a few clicks and a question to the Fashion expert you can get the best fashion suggestions ever, just like this:-

SS12

OnPoint - Where Fashion Meets Innovation! πŸš€βœ¨πŸ‘—πŸ‘ 

fashionai's People

Contributors

devashish-bhake avatar divijakinger avatar shubh1712 avatar

Stargazers

 avatar  avatar

Watchers

 avatar

fashionai's Issues

Inquiry About Open Sourcing python backend.

Hi @divijakinger ,
I've been checking out your GitHub project "FashionAI" and I think it's really cool. I was wondering if you've ever thought about making the python backend open source? I am very eager to make contribution to it.

If you have any concerns or just want to chat about it, I'm here to discuss.

Thanks for considering it!

how to run this project?

hi, the project is great for me. I am very instrested in it and want to try it on my laptop.

I followed the instruction npm install and npm start. it is successfully displayed on localhost:3000.

However, when i type in the chat pannel, nothing returned. I opened the concole (F12 in chrome), it shows:

https://46e4-115-112-43-148.ngrok-free.app/socket.io/?EIO=4&transport=polling&t=P5QWZ1a ERR_NGROK_3200 Tunnel 46e4-115-112-43-148.ngrok-free.app not found

Can you help to solve it?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.