8.1-restaurant-menu-Daniel Condit

DanielCondit commented 8 years ago

Details

Deliverables

A publicly available build of your site on Github pages
Requirements
No JSHint warnings or errors
Normal Mode

Imagine Bangkok Thai Cuisine has come to you and asked you to help them build a web presence. They don't know anything about the Internet, but they know they need a web page and a way for users to order online. They want an interactive menu that displays all of their food choices with prices, descriptions, etc. They want the customer to be able to select menu items and create an order with a total price. When the user saves the order, it should console.log the

They also want a way to change their menu and view orders that have been created.

Create an Ember CLI app, using the tiny-lr server or Firebase for data persistance, to create a dynamically updating menu page and back of house app. See Additional Resources below for an example online menu. For normal mode you can immediately add an item to the order instead of having a comments or asking how many should be in the order. Also for normal mode, you should be able to go to an "admin" section to CRUD menu items and view orders.

Tasks

Getting Started

[x] Create a new Ember CLI application
[x] Produce a mockup or wireframe for the different screens
[x] Setup templates for the different dynamic portions of the application
[x] Produce static data for the menu items
Menu
[x] Fetch and console.log the static JSON for the menu items
[x] Render a template for each menu item, not according to category
[x] Define a Model to represent menu items
[x] Define a Component to represent the list of food items
[x] Make a Component responsible for each individual item in the menu
[x] console.log the food model when I click on its price button
[x] Define a Model to represent an order
[x] Create an order service or route to manage adding order items
[x] console.log the order when I click on the foods price
[x] Add the food model to the order when the price is clicked
[x] Separate the menu items by category
[ ] Optionally make a Component for each Category of menu items
Order Sidebar
[x] Create an Order Component to show the current order being built
[x] Add an instance of the Order Component to your route template
[x] console.log the order whenever an item is added to the order
[x] Show each item in your order in your component template
[x] In your order model, define a subtotal computed property that shows the price of all of the added items
[x] Show the subtotal for your order in your Order Component template
[x] Save the order data to tiny-lr or Firebase when the order is submitted with related menu items
Back of House
[x] Create a route group for logging in to the back of house system
[x] Create a back of house index for all menu items
[x] Create a back of house create view for new menu items
[x] Create a back of house edit view for existing menu items
[x] Create a back of house action for destroying existing menu items
[x] Create a back of house index for orders showing the total price
[x] Create a back of house detail view for seeing the purchased items for a single order
Hard Mode
[ ] Validate to make sure that a user does not submit an empty order
[ ] Using a password (this can be set as a string in your code), restrict access to the back of house systems
[ ] Allow staff members to mark an order as completed

DanielCondit commented 8 years ago

Pull request:

https://github.com/DanielCondit/8.1-restaurant-menu/pull/1

rtablada commented 8 years ago

@DanielCondit only thing missing is showing the sum total on your sidebar as items are added. Take a look at Ember.computed.sum which works alot like Ember.computed.max which has a full example in the docs.

I'm not requiring submitting orders.

Also even though not in the original requirements, please push to divshot so that I can review this easier.

TIY-LR-FEE-2015-June / assignments