Apply what you've learned with weekly project ideas. Join the community now! https://www.jschris.com/projects

Rest :

Frontend: https://github.com/chrisblakely01/mern-food-ordering-app-frontend
Backend: https://github.com/chrisblakely01/mern-food-ordering-app-backend
Course resources: https://github.com/chrisblakely01/mern-food-ordering-app-course-resources

Documents:

React/Vite/Shadcn installation: https://ui.shadcn.com/docs/installation/vite
Stripe test cards: https://stripe.com/docs/testing#international-cards
Stripe CLI: https://stripe.com/docs/stripe-cli?localeen-GB

Other links:

Auth0: https://auth0.com/
Stripe: https://stripe.com/
Cloudinary: https://cloudinary.com/
MongoDB: https://mongodb.com
Rendering: https://render.com

: Chapters

00:00:00 intro
00:01:33 demo
00:05:45 backend configuration
00:17:43 front-end configuration
00:30:11 database configuration
00:38:24 React to router configuration
00:44:25 layout and header
00:57:21 mobile navigation
01:05:17 desktop navigation
01:07:41 responsive landing page
01:28:00 authentication overview0
01:30:09 authentication configuration
01:45:35 Authenticated user links
02:08:51 Create user profile preview
02:10:08 User model
02:13:30 Create a user API
02:27:42 Create a user request
02:42:10 Auth0 access token
02:59:44 Validate access token
03:15:40 Update User Profile API
03:44:12 User profile form
04:15:37 User profile update request
04:24:55 Toast notifications
04:30:32 Get User API
04:43:49 Pre-fill the user profile form
04:52:09 Protect router from user profile
04:57:15 First deployment – overview
05:07:51 Back-end github repository
05:15:31 Backend deployment for rendering
05:24:06 Github/front-end deployment
05:33:14 Manage restaurant overview
05:35:40 Cloud configuration
05:44:12 Create a restaurant API
06:17:01 create a restaurant form
07:22:10 Create a restaurant API request
07:47:20 Retrieve my restaurant's API
07:51:52 Pre-fill the restaurant form
08:13:18 Update my restaurant's API
08:22:24 Update my restaurant request
08:35:42 Manage restaurant deployment
08:43:44 Overview of the search functionality
08:46:56 Search API
09:12:40 search bar component
09:34:39 Search API request
09:44:17 search page layout
10:06:38 Restaurant test data
10:11:44 Search filter
10:27:58 Paging
10:42:17 Kitchen filter
11:08:21 Sort options filter
11:21:27 Deploying the search functionality
11:26:50 Details page and menu items
11:53:48 add to cart
12:16:06 remove from cart
12:20:12 payment button
12:34:58 confirm delivery details
12:46:51 Update user profile form
12:49:29 Payment flow overview
12:54:08 Band setup
12:58:25 Create a session API
13:26:42 Redirect to Stripe
13:42:35 Create an order
13:54:31 Configuring Stripe CLI
14:02:29 Start the Stripe CLI with Nodemon
14:07:37 Update order in Stripe webhook
14:20:09 Payment flow deployment
14:32:47 Get Sales Orders API
14:36:56 Collect customer orders Request
14:43:59 Order Status Page
14:57:45 Configuring Order Status
15:18:02 Restaurant Orders Page
15:35:07 Update Command API
15:44:26 Ordered item map update status
15:50:45 Order Status Survey

Please take the opportunity to connect and share this video with your friends and family if you find it useful.