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

Advanced Animating React with Framer Motion

Advanced Animating React with Framer Motionleveluptutorials

Category: React.js
Duration 2 hours 57 minutes 30 seconds
Build a Shopping Cart App

Build a Shopping Cart AppReed Barger

Category: React.js, Node.js
Duration 1 hour 41 minutes 52 seconds
Composing Layouts in React

Composing Layouts in Reactfullstack.io

Category: React.js, CSS
Duration 4 hours 38 minutes 12 seconds
Responsive LLM Applications with Server-Sent Events

Responsive LLM Applications with Server-Sent Eventsfullstack.io

Category: TypeScript, React.js, Python
Duration 1 hour 18 minutes 18 seconds
Next.js - The Full Course

Next.js - The Full Coursefireship.io

Category: React.js, Next.js
Duration 1 hour 14 minutes 14 seconds
Mastering OpenAI Python APIs: Unleash ChatGPT and GPT4

Mastering OpenAI Python APIs: Unleash ChatGPT and GPT4udemy

Category: Python, ChatGPT
Duration 13 hours 4 minutes 58 seconds
Build Fast Masterclass

Build Fast MasterclassBuildFast Academy

Category: Python, Data processing and analysis
Duration 7 hours 22 minutes 11 seconds
AI Coding with Jupyter AI

AI Coding with Jupyter AIzerotomastery.io

Category: Python
Duration 46 minutes 33 seconds
Epic React (Epic React Pro)

Epic React (Epic React Pro)Kent C. Dodds

Category: React.js
Duration 27 hours 57 minutes 10 seconds
Working with React and Go (Golang)

Working with React and Go (Golang)udemy

Category: React.js, Golang (Google Go)
Duration 24 hours 48 minutes 43 seconds