How To Create Complete Food Delivery App Using React JS Step By Step Tutorial 2024

Опубликовано: 14 Март 2024
на канале: GreatStack
296,647
6k

Build Complete Food Ordering Website / Web App using React JS | Full Stack React JS project for students 2024
👉 Source Code (Frontend + Backend): https://greatstack.dev/go/tomato

❤️ Complete this quiz after watching this tutorial and get project completion certificate:
👉 https://quiz.greatstack.dev/fdel

SUBSCRIBE: ‪@GreatStackDev‬

❤️ Complete JavaScript Course with Certification:
👉 https://greatstack.dev/go/javascript-...
- Beginner + Advance + ES6 + Notes
- 30 Project With Source Code
- React Beginner course with project
- Course Completion certificate
- Chat Support

-------------------

In this single tutorial you will learn to build a food ordering website / app step by step using React JS. In this React JS project we will create the Home page to display the menu and food items, then cart page and order page. Then we will make the Sign In / Sign Up popup.
In the next part we will make the back-end and admin panel of this food delivery website / web app. We will make the project full stack with the help of MongoDB, Express, React and Node JS.

Download the assets: https://drive.google.com/file/d/1b9a2...

👉 React Introduction Tutorial:    • What Is React (React JS) | React Intr...  

#ReactJS #Ecommerce #FoodApp #GreatStack

Timestamp:

00:00 Project Overview
06:39 React Project Setup
11:53 Create navigation bar
30:55 Create Pages
33:47 Setup React Router
37:13 Create Website Header
46:17 Create Menu Items
01:02:42 Create Food List component
01:45:39 Create Footer
01:58:50 Create Add Download component
02:04:38 Make the website responsive
02:15:03 Create Sign in / Sign up Component
02:35:34 Create Cart Page
03:09:42 Create Place order page

-------------------------------------
Build more React JS projects:

Complete Portfolio Website In React:
👉    • How To Make Portfolio Website Using R...  

Build ChatGPT Clone In React:
👉    • Build ChatGPT In React JS Using OpenA...  

Build AI Image Generator with OpenAI In React
👉    • Build An AI Image Generator App In Re...  

Create Weather App In React
👉    • How To Create Weather App Using React...  

-------------------------------------
Recommended HTML and CSS Projects:

Learn Complete HTML and CSS from basics:
►    • HTML And CSS Tutorial For Beginners, ...  

Make A Complete Website for college using HTML & CSS:
►    • How To Make A College Website Using H...  

How to make personal resume website step by step:
►    • How To Make A Website Using HTML And ...  

How to make an Ecommerce Website Design:
►    • How To Make eCommerce Website Using H...  

How to make travel website design with HTML CSS Bootstrap:
►    • How To Make A Website Step By Step Us...  

-------------------------------------
Connect with me:
👉 https://linktr.ee/iamavinashkr

Connect with GreatStack:
Instagram:   / greatstackdev  
Twitter:   / greatstackdev  
Facebook:   / greatstack