Build QR Digital Menu Builder with Python/Django and React - LEVEL 1
What You'll Learn
Create QR Code menus for restaurants, pubs
Uploading images to the cloud
Updating digital menu in real-time
Preview digital menu in real-time
Course Details
What are we building?
A QR code menu builder that would replace your physical menu with a QR code digital menu with an ordering and payment system. This tool is made for restaurants, cafes, pubs and hotels.Why QR Code for Menu?
- COVID-19 situations
- Save on printing costs
- Easily changeable without reprinting
- Contactless and touchless experience
- Update on the fly with new images and prices
- Great ordering experience
Create digital menu
- Create menus for different places
- Create different categories
- Upload images
- Add items, description, prices
- Preview menu in real-time
Customize digital menu
- Change the font styles
- Change the button color
- All changes are in real-time
Preview Lessons
About module 5
Displaying Places
Showing Menu Item Data
Course Curriculum
Module 1 — Starter
What Are We Building?
5:54
Project Structure
1:35
Setting Up
2:23
Download Images
Module 2 — Create Basic Backend
Initializing Project
3:51
Django Admin Dashboard
4:28
Django App
6:07
Git
5:55
Module 3 — Create Basic Frontend
Your First React App
12:44
Layout in Frontend App
16:13
Notification with Toastify
4:56
Module 4 — Authentication
About module 4
1:38
Quick Setup for Dev
6:57
Login Process
24:25
React Context
7:32
Create Auth Context
5:14
Create Private Route
11:00
Storing Auth Token
18:36
Register & Refactor
12:31
Module 5 — Create Places
About module 5
1:38
[Backend] - Places API
13:28
Displaying Places
12:35
Uploading Images to Cloud
18:52
Place Form Image Dropzone
5:56
Update Home Page
13:52
Transforming Home Page
5:49
Module 6 — Create Category & Menu
About module 6
1:39
[Backend] - Category & Menu APIs
19:43
[Backend] - API Permission
9:49
Place Detail
14:19
Create Category - Part 1
13:50
Create Category - Part 2
11:32
Create Menu Items
14:08
Module 7 — Preview & Update Menu
About module 7
2:29
Showing Categories & Menu Items
20:38
Showing Menu Item Modal
9:57
Showing Menu Item Data
6:01
Updating Menu Item
13:54
Deleting Place, Category and Menu
17:02