This full stack web site simulates as food diner server to kitchen order interactions. New orders can be entered and move to the kitchen queue being presented as "ready for pickup". When pick up button is clicked the order moves to the server order list. From the servered order list an order can be closed out and deleted. CRUD operations manage the order entry, retrieval, state change and deletion. MySQL database persist the data; it is loaded and presented on page load. The site is hosted on Heroku.
- HTML, CSS, JavaScript, jQuery, Handlebars, and Bootstrap
- MVC architecture, Node.js, Express.js, mySQL, JavaScript, JQuery, NPM packages (express, express-handlebars, mysql, path), API routes, Heroku
-
Github project : Diner food order System
-
Deployed Heroku link: Diner 55 - Server-Kitchen Ordering System
-
-
- Use Cases seen in demo below
- new order entered
- order entry validation
- order moved from Picked to Served
- order deleted from Served
- order entry validation
- Use Cases seen in demo below
home page
Validation example
- express - for interactive command line response
- express-handlebars for view templating
- mysql - for database connectivity
- path - for absolute and relative path resolution
- none -
- none necessary - use link to page deployed on Heroku
- enter new orders
- move orders from kitchen (top) to served (bottom) by clicking "Pick Up Ready"
- delete served orders by clicking "Close Out Order"
-
the select server drop down on Order Entry form is populated by a client side
AJAX route call. Add this into the MVC structure and populate as a handlebars partial
via a MVC controller to model call instead.
Myles Carey mylescarey2019@gmail.com
- 1.0 - Initial Release
Thanks to beta testers - my 15yo & 17yo daughters and wife
Thanks for photograph via unsplash photographer : Spencer Davis