Restaurant Menu from Udacity Full Stack Nanodegree

Preparation

You can install the followings either locally or in virtual machines, such as venv, vagrant, etc.

  • Python 2.7
  • Flask
  • sqlalchemy

How to Run

  1. python chinesemenus.py This will help establishing a database
  2. python finalProject.py This will run the server at localhost:5000
  3. Open localhost:5000 from your browser and you'll see the index page.

index

Develop process

develop process

Mock-ups(stucture & sketch)

  • structure

structure

  • sketch
  1. index

index

  1. menu

menu

  1. add restaurant or menu item

add

  1. edit restaurant or menu item

edit

  1. delete restaurant or menu item

delete

Routing

For instance:

@app.route('/')
@app.route('/restaurants')
def allRestaurants():
    return 'Successfully opening index page!'

Templates & Forms

  • html & form
  • build fake data in backend based on data structure

CRUD Functionality

Establish database.

API Endpoints

Return json data to let other developers play with it.

Styling & Message Flashing

  • CSS
  • flash messages to better interact with users