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:

• Yarn - instructions
• Vue Cli 3 - instructions
• Python 3
• Pipenv (optional)
• Heroku Cli (if deploying to Heroku)

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