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

Starting with React & Redux: Build modern apps (2nd edition)

Starting with React & Redux: Build modern apps (2nd edition)udemy

Category: React.js, Redux
Duration 30 hours 13 minutes 51 seconds
React and Typescript: Build a Portfolio Project

React and Typescript: Build a Portfolio ProjectudemyStephen Grider

Category: TypeScript, React.js
Duration 29 hours 21 minutes 48 seconds
The Joy of React

The Joy of ReactJosh Comeau

Category: React.js, Next.js
Duration 25 hours 35 minutes 33 seconds
React - The Complete Guide 2024

React - The Complete Guide 2024udemyAcademind Pro

Category: React.js
Duration 64 hours 33 minutes 17 seconds
React & TypeScript Chrome Extension Development [2021]

React & TypeScript Chrome Extension Development [2021]udemy

Category: TypeScript, React.js, Others
Duration 8 hours 52 minutes 35 seconds
CodeFast | Learn to code in weeks, not months.

CodeFast | Learn to code in weeks, not months.Marc Lou

Category: React.js, Next.js
Duration 11 hours 38 minutes 42 seconds
FULL Authentication WITH REACT JS NEXT JS TYPESCRIPT

FULL Authentication WITH REACT JS NEXT JS TYPESCRIPTudemy

Category: TypeScript, React.js, Next.js
Duration 6 hours 52 minutes 28 seconds
Build a Backend REST API with Python & Django - Advanced

Build a Backend REST API with Python & Django - Advancedudemy

Category: Python, Django
Duration 7 hours 57 minutes 59 seconds
The Creative React and Redux Course

The Creative React and Redux Coursedevelopedbyed.com

Category: React.js, Redux
Duration 18 hours 13 minutes 6 seconds