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

Build Complete Food Ordering Website / Web App using React JS | Full Stack React JS project for students 👉 Source Code (Frontend + Backend): https://greatstack.dev/go/tomato 👉 Download the assets: https://greatstack.dev/assets/food-delivery 👉 30 Days React.js Learning Plan: https://topmate.io/greatstack/1514677 👉 Check Your Resume Score: https://10xresume.co/ ❤️ Complete this quiz after watching this tutorial and get project completion certificate: 👉 https://quiz.greatstack.dev/fdel 👉 React Introduction Tutorial: https://youtu.be/r5kO-E6NI14 👉 React Complete tutorial for Beginners: https://youtu.be/gbAdFfSdtQ4 SUBSCRIBE: @GreatStackDev ❤️ Complete JavaScript Course with Certification: 👉 https://greatstack.dev/go/javascript-course - 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. #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: 👉 https://youtu.be/4ag1LsgIUc0 Build ChatGPT Clone In React: 👉 https://youtu.be/EzkWAviyYgg Build AI Image Generator with OpenAI In React 👉 https://youtu.be/PZG2MvOjud0 Create Weather App In React 👉 https://youtu.be/7JqdjWB88Kk ------------------------------------- Recommended HTML and CSS Projects: Learn Complete HTML and CSS from basics: ► https://www.youtube.com/playlist?list=PLjwm_8O3suyO2gdXdWHKgM-mO2Y251zzU Make A Complete Website for college using HTML & CSS: ► https://www.youtube.com/playlist?list=PLjwm_8O3suyP5kGKmwS_DM0Hs1j7fshi5 How to make personal resume website step by step: ► https://www.youtube.com/watch?v=qCFN8EujbGI How to make an Ecommerce Website Design: ► https://www.youtube.com/playlist?list=PLjwm_8O3suyM_2Lo9aAIw3HqjOPor8j9g How to make travel website design with HTML CSS Bootstrap: ► https://www.youtube.com/watch?v=AiaEqc9UMf8 ------------------------------------- Connect with me: 👉 https://linktr.ee/iamavinashkr Connect with GreatStack: Instagram: https://instagram.com/GreatStackDev Twitter: https://twitter.com/GreatStackDev Facebook: https://facebook.com/GreatStack