lunaceee/wesworld

Wes World

Description

Welcome to Wes World - the unbearable awesomeness of colors. Wes World aims to create a simple and fun online shopping experience based on curated color palettes from Wes Anderson movies. 🎨 It funnels active Etsy listings into a view of an ensemble of clothing items via Etsy API. A user can click on a movie button to view a randomly chosen set of clothing items. User can also save the ensemble by creating a user account.

Credits to the following artists for the incredible design elements:

• Lea Lafleur
• Alejandro Giraldo
• Hexagonall

Table of Contents

• Tech Stack
• Features
• Setup/Installation
• Wes World 3.0

Tech Stack

Frontend: HTML5, CSS3, JavaScript, jQuery, Materialize (UI)
Backend: Python, Flask, PostgreSQL, SQLAlchemy
APIs: Etsy

About the Search Algorithm:

I created a caching layer to improve speed performance and a blacklist to allow a super user account to remove irelevant search results. I also added a caching validation engine to discriminate expired listing URLs.

Features

Animation on Landing Page

Search Page

Log in window

Saving an Ensemble

User Profile Page

Setup/Installation

Requirements:

• PostgreSQL
• Python 2.7
• Etsy API key

You can run this app on your local computer via the following steps:

Clone repository:

$ git clone https://github.com/lunaceee/wesworld.git

Create a virtual environment:

$ virtualenv env

Activate the virtual environment:

$ source env/bin/activate

Install dependencies:

$ pip install -r requirements.txt

Get your own secret keys for Etsy. Save them to a file secret.sh. Your file should look something like this:

export API_KEY='<your api key here>'

Create database 'wesworld'.

$ createdb wesworld

Create your database tables and seed example data.

$ python seed.py

Run the app from the command line.

$ python server.py

If you want to use SQLAlchemy to query the database, run in interactive mode

$ python -i model.py

Wes World 3.0

• Switch to React.js from jQuery
• Integrate SASS and flexbox for CSS styling
• Make it responsive to mobile devices