Restaurant Menu App Idea

Create a dynamically updating restaurant menu app with the MEAN Stack, using AngularJS for the front-end, and Node/Express/Mongo for the backend:

• An interactive menu that displays all food/drink items, with prices & descriptions.
• The customer should be able to select menu items and create an order with a total price. When the user saves the order, it should create a new item on the database so that the kitchen can process the order.

Menu

• Render all menu items w/ a common Angular directive. Optional: Group by category

Orders

• Dynamically update an order 'view' every time an order is added/removed
• Use a subtotal function that calculates the total price and display it to the user in real-time (without a full-page reload)

Order Data

• Save the order data to MongoDB when the order is submitted

Admin Page

• Create another page (e.g. admin.html) that gives the owner the ability to view pending orders on a dashboard and "complete" them.
• Validate the orders before adding them when to the database
• Saves the customer information (name / phone number) to a contact list in the database
• Using authentication, require the owner to log in to view the admin page.

Additional Resources

• Example