pizzaservice

A simple web app that lets you order pizzas, written with Flask and Angular CLI, using MongoDB for persistence.

Prerequisites

These versions were the actual versions of my dev environment

• Python 3.6.1
• pip 9.0.1
• virtualenv 15.1.0
• MongoDB shell version: 3.2.16
• Node v6.10.1
• NPM 3.10.10

Instructions

Clone repo

git clone git@github.com:sluger/pizzaservice.git

Create virtualenv

cd pizzaservice
virtualenv venv

Activate virtualenv

. venv/Scripts/activate # on windows
. venv/bin/activate # on ubuntu

Install requirements

pip install -r api/requirements.txt

Optional: Repair broken data.json; the valid json already exists in data/json/

cd scripts
python json_parser.py

Persistence with MongoDB

Start MongoDB daemon

mongod --config mongod.conf

Generate database and insert pizzas and extras into collections

cd scripts
python init_db.py

Connect to MongoDB shell for debugging reasons

mongo pizzaservice
show collections
db.pizzas.find()
db.extras.find()

API with Flask

Start the API (e.g. on a Windows based machine within the pizzaservice dir)

export FLASK_APP=api/app.py
export FLASK_DEBUG=1
flask run

The API base path is http://localhost:5000/api/v1/ with CORS enabled

To stop the API, hit ctrl + c

deactivate

UI with Angular CLI

npm install -g @angular/cli

cd ui
npm install
ng serve

The Angular UI is hosted on http://localhost:4200 Tested with Chrome Version 63.0.3218.0 (Official Build) canary (64-bit)

To stop the web server, hit ctrl + c

TODOs

• Setup mail server
• Import UI library e.g. https://almsaeedstudio.com/preview
• Refactor hacky css
• Revise responsive layout
• Test on Linux
• Test with multiple browsers

Future work

• Improve logging
• Improve error handling
• Cleanup python code
• Improve json validator
• Tune MongoDB configuration
• Flask unit testing
• Angular unit testing
• Angular end-to-end testing
• Development and production environment
• Ahead of Time Compilation
• Tree shaking
• Sass support
• Enable SSL