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](https://cdn.courseflix.net/courses/100x56/the-creative-react-and-redux-course.jpg?d=1739917457222)
The Creative React and Redux Coursedevelopedbyed.com
Category: React.js, Redux
Duration 18 hours 13 minutes 6 seconds
Course
![React Query: Server State Management in React](https://cdn.courseflix.net/courses/100x56/react-query-server-state-management-in-react.jpg?d=1739917457223)
React Query: Server State Management in Reactudemy
Category: TypeScript, React.js
Duration 7 hours 39 minutes 49 seconds
Course
![Build a Spotify Connected App](https://cdn.courseflix.net/courses/100x56/build-a-spotify-connected-app.jpg?d=1739917457223)
Build a Spotify Connected Appfullstack.io
Category: React.js, Node.js
Duration 3 hours 47 minutes 28 seconds
Course
![Machine Learning A-Z : Become Kaggle Master](https://cdn.courseflix.net/courses/100x56/machine-learning-a-z-become-kaggle-master.jpg?d=1739917457223)
Machine Learning A-Z : Become Kaggle Masterudemy
Category: Python, Data processing and analysis
Duration 36 hours 23 minutes 54 seconds
Course
![Mathematical Foundations of Machine Learning](https://cdn.courseflix.net/courses/100x56/mathematical-foundations-of-machine-learning.jpg?d=1739917457223)
Mathematical Foundations of Machine Learningudemy
Category: Python, Data processing and analysis
Duration 16 hours 25 minutes 26 seconds
Course
![REST APIs with Flask and Python](https://cdn.courseflix.net/courses/100x56/rest-apis-with-flask-and-python.jpg?d=1739917457223)
REST APIs with Flask and Pythonudemy
Category: Python
Duration 11 hours 56 minutes 4 seconds
Course
![Data Science Jumpstart with 10 Projects Course](https://cdn.courseflix.net/courses/100x56/data-science-jumpstart-with-10-projects-course.jpg?d=1739917457223)
Data Science Jumpstart with 10 Projects CourseTalkpython
Category: Python
Duration 3 hours 12 minutes 21 seconds
Course
![Advanced React For Enterprise: React for senior engineers](https://cdn.courseflix.net/courses/100x56/advanced-react-for-enterprise-react-for-senior-engineers.jpg?d=1739917457223)
Advanced React For Enterprise: React for senior engineersudemy
Category: React.js
Duration 6 hours 4 minutes 5 seconds
Course
![Stripe Payments JavaScript Course](https://cdn.courseflix.net/courses/100x56/stripe-payments-javascript-course.jpg?d=1739917457223)
Stripe Payments JavaScript Coursefireship.io
Category: React.js, Node.js
Duration 1 hour 29 minutes 26 seconds
Course
![React Hooks](https://cdn.courseflix.net/courses/100x56/react-hooks.jpg?d=1739917457223)
React Hooksui.dev (ex. Tyler McGinnis)
Category: React.js
Duration 3 hours 47 minutes 48 seconds
Course