English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 10h 49m | 3.12 GB
Made for restaurants, cafes, pubs and hotels. Your customers can order from their table or from their couch at home.
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
Back-end framework
React
Front-end framework
Bootstrap
Responsive UI framework
Stripe
Online payment processing
Github
Source code management
Heroku
Cloud platform for production
Table of Contents
1 What Are We Building?
2 Project Structure
3 Setting Up
4 Initializing Project
5 Django Admin Dashboard
6 Django App
7 Git
8 Your First React App
9 Layout in Frontend App
10 Notification with Toastify
11 Task 3 Overview
12 Quick Setup for Dev
13 Login Process
14 React Context
15 Create Auth Context
16 Create Private Route
17 Storing Auth Token
18 Register & Refactor
19 Task 4 Overview
20 [Backend] – Places API
21 Displaying Places
22 Uploading Images to Cloud
23 Place Form Image Dropzone
24 Update Home Page
25 Transforming Home Page
26 Task 5 Overview
27 [Backend] – Category & Menu APIs
28 [Backend] – API Permission
29 Place Detail
30 Create Category – Part 1
31 Create Category – Part 2
32 Create Menu Items
33 Task 6 Overview
34 Showing Categories & Menu Items
35 Showing Menu Item Modal
36 Showing Menu Item Data
37 Updating Menu Item
38 Deleting Place, Category and Menu
39 Task 7 Overview
40 Showing QR Code
41 Table Number in QR Code
42 Printing QR Code
43 Task 8 Overview
44 Creating Menu Page
45 Showing Menu
46 Changing Item Quantity
47 Showing Shopping Cart Button
48 Displaying Shopping Cart – Part 1
49 Displaying Shopping Cart – Part 2
50 Task 9 Overview
51 Setting Up Stripe
52 [Backend] – Order Model
53 Payment Form
54 Processing Payment
55 Task 10 Overview
56 [Backend] – Order Serializers
57 Displaying Order Data
58 Displaying Order with UI
59 Completing Order from the Kitchen
60 Task 11 Overview
61 [Backend] – Updating Place Model
62 Showing Color & Font
63 Menu Settings Page
64 Menu Settings Form
65 Setting Up Heroku
66 Building Frontend Project
67 Deploying on Heroku
Resolve the captcha to access the links!