Skip to content

A pizza service implemented with Flask, Angular, and MongoDB

License

Notifications You must be signed in to change notification settings

sluger/pizzaservice

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

53 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

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