niyonx / CopTheLook

Outfit analyzer that will segment and show different constituents of an outfit, like cardigan or shoes along with potential websites where you can buy those individual outfit components

Home Page:https://copthelook.herokuapp.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

CopTheLook 🌶️✌

Match any outfit you want by uploading a picture of the outfit and we will return links where you can potentially buy the individual clothings

Demo

Live Demo

Installation

Before you start

Before getting started, you should have the following installed and running:

Template and Dependencies
  • Clone this repository:

     $ git clone https://github.com/joeyzhou98/CopTheLook.git
    
  • Setup virtual environment, install dependencies, and activate it:

     $ pipenv install --dev
     $ pipenv shell
    
  • Install JS dependencies

     $ yarn install
    

Development Server

Run Flask Api development server:

$ python run.py

From another tab in the same directory, start the webpack dev server:

$ yarn serve

The application will be served from localhost:8080 and the Flask Api and static files will be served from localhost:5000.

Proxy config in vue.config.js is used to route the requests back to Flask's Api on port 5000.

If you would rather run a single dev server, you can run Flask's development server only on :5000, but you have to build build the Vue app first and the page will not reload on changes.

$ yarn build
$ python run.py

About

Outfit analyzer that will segment and show different constituents of an outfit, like cardigan or shoes along with potential websites where you can buy those individual outfit components

https://copthelook.herokuapp.com/

License:MIT License


Languages

Language:Python 58.5%Language:Vue 30.2%Language:JavaScript 8.4%Language:HTML 2.5%Language:Shell 0.4%