7.4-Restaurant Menu-ColemanCox

[ColemanCox]

Deliverables

• [ ] A publicly available build of your site on Github pages

  Requirements

• [ ] No JSHint warnings or errors

  Tasks

  Getting Started

• [ ] Setup the scaffolding and install Backbone
• [ ] Setup templates for the different dynamic portions of the application
• [ ] Produce static data for the menu items
• [ ] Produce a functional static mockup

  Menu

• [ ] Fetch and console.log the static JSON for the menu items
• [ ] Render a template for each menu item, not according to category
• [ ] Define a FoodListView
• [ ] Make a view instance responsible for each item instead of just a template for the collection
• [ ] Define a FoodItemView
• [ ] console.log the food model when I click on its price button
• [ ] Define an OrderItem Model
• [ ] Define an Order Collection
• [ ] Create an instance of Order
• [ ] Pass the order to the child views
• [ ] console.log the order when I click on the foods price
• [ ] Add the food model to the order
• [ ] Define a FoodCategoryView constructor
• [ ] Make instances of FoodCategoryView for each category
• [ ] Make a instance of FoodCategoryView for popularity

  Order view

• [ ] Define an OrderView constructor
• [ ] Render an instance of OrderView
• [ ] In OrderView, console.log the order
• [ ] In OrderView, console.log a food model every time a food model is added to the order
• [ ] Render the data from the order every time the order is updated
• [ ] In your OrderView, define a subtotal function that calculates the total price.
• [ ] console.log, then render, every time the order is updated

  Order data

• [ ] Save the order data to Tiny LR when the order is submitted

  Hard Mode

• [ ] When a user submits an order, make a POST request to /collections/<initials>-order with an array of ids for all the items a user has ordered
• [ ] Using Backbone's built in validation, make sure that a user cannot submit an empty order

[ColemanCox]

https://trello.com/b/sNWyuOz5