Python/Django + React QR Digital Menu Builder

10h 49m 22s
English
Paid

Made for restaurants, cafes, pubs and hotels. Your customers can order from their table or from their couch at home.

Read more about the course

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

What are we building?

A QR code menu builder that would replace your physical menu with a QR code digital menu with ordering and payment system. This tool is made for restaurants, cafes, pubs and hotels.

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

QR Code

  •  QR code for different tables
  •  Generate unique link for each QR code
  •  Printing QR code

Customer

  •  Scan the QR code to see the menu
  •  Unique link for each table
  •  Select food and change the quantity
  •  Review and place orders
  •  Payment with Credit card
  •  Friendly UI with mobile

Tech stacks

Throughout this comprehensive course, we cover amazing tools and technologies and we will show you how you can build and launch real-world web applications for a real problem.

  • Python + Django
  • React
  • Bootstrap
  • Stripe
  • Github
  • Heroku

Watch Online Python/Django + React QR Digital Menu Builder

Join premium to watch
Go to premium
# Title Duration
1 What Are We Building? 05:55
2 Project Structure 01:36
3 Setting Up 02:23
4 Initializing Project 03:52
5 Django Admin Dashboard 04:28
6 Django App 06:08
7 Git 05:55
8 Your First React App 12:45
9 Layout in Frontend App 16:14
10 Notification with Toastify 04:56
11 Task 3 Overview 01:39
12 Quick Setup for Dev 06:57
13 Login Process 24:25
14 React Context 07:32
15 Create Auth Context 05:15
16 Create Private Route 11:00
17 Storing Auth Token 18:36
18 Register & Refactor 12:32
19 Task 4 Overview 01:38
20 [Backend] - Places API 13:29
21 Displaying Places 12:35
22 Uploading Images to Cloud 18:52
23 Place Form Image Dropzone 05:56
24 Update Home Page 13:53
25 Transforming Home Page 05:50
26 Task 5 Overview 01:40
27 [Backend] - Category & Menu APIs 19:43
28 [Backend] - API Permission 09:50
29 Place Detail 14:19
30 Create Category - Part 1 13:50
31 Create Category - Part 2 11:33
32 Create Menu Items 14:08
33 Task 6 Overview 02:29
34 Showing Categories & Menu Items 20:38
35 Showing Menu Item Modal 09:58
36 Showing Menu Item Data 06:01
37 Updating Menu Item 13:55
38 Deleting Place, Category and Menu 17:02
39 Task 7 Overview 00:57
40 Showing QR Code 16:00
41 Table Number in QR Code 11:31
42 Printing QR Code 20:27
43 Task 8 Overview 01:22
44 Creating Menu Page 07:13
45 Showing Menu 12:44
46 Changing Item Quantity 14:15
47 Showing Shopping Cart Button 10:38
48 Displaying Shopping Cart - Part 1 12:17
49 Displaying Shopping Cart - Part 2 08:47
50 Task 9 Overview 01:17
51 Setting Up Stripe 01:08
52 [Backend] - Order Model 15:21
53 Payment Form 12:30
54 Processing Payment 16:30
55 Task 10 Overview 01:20
56 [Backend] - Order Serializers 04:46
57 Displaying Order Data 11:27
58 Displaying Order with UI 13:34
59 Completing Order from the Kitchen 11:14
60 Task 11 Overview 00:55
61 [Backend] - Updating Place Model 02:46
62 Showing Color & Font 13:59
63 Menu Settings Page 12:28
64 Menu Settings Form 16:03
65 Setting Up Heroku 03:02
66 Building Frontend Project 04:27
67 Deploying on Heroku 10:57

Similar courses to Python/Django + React QR Digital Menu Builder

Django 2.1 & Python | The Ultimate Web Development Bootcamp

Django 2.1 & Python | The Ultimate Web Development Bootcampudemy

Category: Python, MongoDB
Duration 9 hours 52 minutes 1 second
Data Science Jumpstart with 10 Projects Course

Data Science Jumpstart with 10 Projects CourseTalkpython

Category: Python
Duration 3 hours 12 minutes 21 seconds
The Ultimate Flask Course

The Ultimate Flask Courseudemy

Category: Python
Duration 28 hours 4 minutes 28 seconds
Classic React

Classic ReactBuild UI

Category: React.js
Duration 4 hours 10 minutes 15 seconds
Master Class: React + Typescript 2021 Web Development

Master Class: React + Typescript 2021 Web Developmentudemy

Category: TypeScript, React.js
Duration 22 hours 4 minutes 13 seconds
Full Web Apps with FastAPI

Full Web Apps with FastAPITalkpython

Category: Python, Django
Duration 7 hours 12 minutes 4 seconds
The Automation Bootcamp: Zero to Mastery

The Automation Bootcamp: Zero to Masteryzerotomastery.io

Category: Python
Duration 22 hours 39 minutes 15 seconds
Microfrontends with React: A Complete Developer's Guide

Microfrontends with React: A Complete Developer's GuideudemyStephen Grider

Category: React.js
Duration 9 hours 2 minutes 34 seconds
Python 3: Deep Dive (Part 1 - Functional)

Python 3: Deep Dive (Part 1 - Functional)udemy

Category: Python
Duration 44 hours 40 minutes 37 seconds