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

Python for Data Science

Python for Data ScienceLunarTech

Category: Python
Duration 6 hours 21 minutes 57 seconds
Fullstack React with Typescript

Fullstack React with Typescriptfullstack.io

Category: TypeScript, React.js
Duration 10 hours 16 minutes 46 seconds
PHP Symfony 4 API Platform + React.js Full Stack Masterclass

PHP Symfony 4 API Platform + React.js Full Stack Masterclassudemy

Category: React.js, Symfony
Duration 19 hours 24 minutes 17 seconds
Building APIs with FastAPI

Building APIs with FastAPIAndreas Kretz

Category: Python, Data processing and analysis
Duration 1 hour 35 minutes 40 seconds
The Ultimate React Course 2024: React, Redux & More

The Ultimate React Course 2024: React, Redux & Moreudemy

Category: React.js, Redux
Duration 83 hours 56 minutes 37 seconds
Modern React with Redux [2023 Update]

Modern React with Redux [2023 Update]udemyStephen Grider

Category: React.js, Redux
Duration 37 hours 44 minutes 46 seconds
Next.js - The Full Course

Next.js - The Full Coursefireship.io

Category: React.js, Next.js
Duration 1 hour 14 minutes 14 seconds
Create UberEats with Python/Django and Swift 3

Create UberEats with Python/Django and Swift 3Code4Startup (coderealprojects)

Category: Python, Django, Swift
Duration 19 hours 13 minutes 29 seconds
Laravel with React JS - Build Twitter Like Real Time Web App

Laravel with React JS - Build Twitter Like Real Time Web Appudemy

Category: React.js, Laravel
Duration 4 hours 56 minutes 37 seconds
React Data Fetching: Beyond the Basics

React Data Fetching: Beyond the Basicsfullstack.io

Category: React.js
Duration 2 hours 40 minutes 15 seconds