Resources to support @RapPayne's O'Reilly course.
In this course we'll learn together to create a simple React application.
Here's what we'll be doing together: The Agenda
We'll be creating a fairly full-featured application that will allow diners to order meals at a restaurant. They can browse through the menu, add food to their cart, and check out. Waiters can place an order for their customers. The diners could mark the order for delivery.
Browse the food which is in categories. Call the waiter to your table. From here you can add to the cart.
See what's in the cart, remove items, add special notes like "extra soy sauce" or "no onions". Assign each item to a person. When do you want it ready? Enter a time. See the order total. Leave a tip. Enter CC info. Place order button. Submits the order and forwards to the Order view.
The details of a single order. Read only. Serves as the receipt.
Filter orders by some criteria. A logged in user can see their own orders. An admin user can see all orders.
Create an account on our site. Also to modify user data.
Authenticate to the system. Writes to local storage for persisting a login token.
Obviously we need a place to get the data so we've provided a RESTful server that will be serving the data. You can find it here.
This server is from a separate git project which we've submoduled with this:
git submodule add git@github.com:rapPayne/daam-server.git serverSo as a separate project, you won't make changes here, you'll make changes in the https://github.com/rapPayne/daam-server project.
- If changes were made remotely,
git submodule update --remote - If you screw up and accidentally make changes locally,
cd serverandgit submodule update --remote --merge. Much better to make them in the actual daam-server project.
Copyright © 2024 Agile Gadgets LLC. All rights reserved. You may not republish or copy any part of this repository except for your own personal learning. If you want to use this as courseware for a React course, contact @RapPayne to obtain a license.