Python/Django + React QR Digital Menu Builder

10h 49m 22s
English
Paid

Course description

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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 67 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing

Watch Online Python/Django + React QR Digital Menu Builder

0:00
/
#1: What Are We Building?

All Course Lessons (67)

#Lesson TitleDurationAccess
1
What Are We Building? Demo
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

Unlock unlimited learning

Get instant access to all 66 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

MobX In Depth With React(Hooks+TypeScript)

MobX In Depth With React(Hooks+TypeScript)

Sources: udemy
This is the most extensive course about MobX you will find online, After a few years of using MobX, I'm really passionate about it and really love it, I decided
2 hours 25 minutes 54 seconds
React, Angular, Node In-Depth Guide: Beginner to Pro

React, Angular, Node In-Depth Guide: Beginner to Pro

Sources: udemy
If you are planning to start your career as a developer or you just want to improve your programming skills, then this course is right for you. Get all you need to start web dev...
80 hours 1 minute 57 seconds
CodeFast | Learn to code in weeks, not months.

CodeFast | Learn to code in weeks, not months.

Sources: Marc Lou
CodeFast is a course designed specifically for those who want to turn their idea into a real online business quickly and effectively. Unlike traditional...
11 hours 38 minutes 42 seconds
React Simplified - Bonus Project

React Simplified - Bonus Project

Sources: webdevsimplified.com
What if I told you that you could build this advanced job board project by the end of this course entirely on your own? That's what this entire section of...
5 hours 8 minutes 8 seconds