Hellow guys, Welcome to my website, and you are watching How To Create Complete Food Delivery App Using React JS Step By Step Tutorial 2024. and this vIdeo is uploaded by GreatStack at 2024-03-14T06:30:03-07:00. We are pramote this video only for entertainment and educational perpose only. So, I hop you like our website.
| Name | How To Create Complete Food Delivery App Using React JS Step By Step Tutorial 2024 |
| Video Uploader | Video From GreatStack |
| Upload Date | This Video Uploaded At 14-03-2024 13:30:03 |
| Video Discription | 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-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. Download the assets: https://drive.google.com/file/d/1b9a2YSK1rdLmZa1LtY_xqg1gOi-ohBK2/view?usp=sharing π React Introduction Tutorial: https://youtu.be/r5kO-E6NI14 #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 |
| Category | Education |
| Tags | food delivery app using react js | food delivery app react js | food delivery react js | food delivery project in react js | food delivery website react js | food ordering app using react js | online food ordering system in react js | food ordering website react js | full stack food delivery website | food delivery app full stack | react js full stack project | full stack web development project | full stack website project | mern stack full project | full stack development project | react js |
