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

The Creative React and Redux Course

The Creative React and Redux Coursedevelopedbyed.com

Category: React.js, Redux
Duration 18 hours 13 minutes 6 seconds
React Query: Server State Management in React

React Query: Server State Management in Reactudemy

Category: TypeScript, React.js
Duration 7 hours 39 minutes 49 seconds
Build a Spotify Connected App

Build a Spotify Connected Appfullstack.io

Category: React.js, Node.js
Duration 3 hours 47 minutes 28 seconds
Machine Learning A-Z : Become Kaggle Master

Machine Learning A-Z : Become Kaggle Masterudemy

Category: Python, Data processing and analysis
Duration 36 hours 23 minutes 54 seconds
Mathematical Foundations of Machine Learning

Mathematical Foundations of Machine Learningudemy

Category: Python, Data processing and analysis
Duration 16 hours 25 minutes 26 seconds
REST APIs with Flask and Python

REST APIs with Flask and Pythonudemy

Category: Python
Duration 11 hours 56 minutes 4 seconds
Data Science Jumpstart with 10 Projects Course

Data Science Jumpstart with 10 Projects CourseTalkpython

Category: Python
Duration 3 hours 12 minutes 21 seconds
Advanced React For Enterprise: React for senior engineers

Advanced React For Enterprise: React for senior engineersudemy

Category: React.js
Duration 6 hours 4 minutes 5 seconds
Stripe Payments JavaScript Course

Stripe Payments JavaScript Coursefireship.io

Category: React.js, Node.js
Duration 1 hour 29 minutes 26 seconds
React Hooks

React Hooksui.dev (ex. Tyler McGinnis)

Category: React.js
Duration 3 hours 47 minutes 48 seconds