Build
Build QR Digital Menu Builder with Python/Django and React
  • 6 hours total video
  • 7 completed modules
  • Full source code

Build QR Digital Menu Builder with Python/Django and React - LEVEL 1

 

What you will 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

Description

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

Previews

 

About module 5

 

Displaying Places

 

Showing Menu Item Data

Course Content

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