Back to Browse

How To Create Full Stack Food Delivery Website In React JS, MongoDB, Express, Node JS & Stripe

1.2M views
Apr 15, 2024
10:01:04

Build Full Stack Food Ordering Website using React JS, MongoDB, Express, Node JS & Strip | Full Stack Project for students πŸ‘‰ Source Code: https://greatstack.dev/go/tomato πŸ‘‰ 30 Days React.js Learning Plan: https://topmate.io/greatstack/1514677 πŸ‘‰ Next js Templates: https://prebuiltui.com/nextjs-templates ❀️ 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 tutorial you will learn to create a complete food ordering website / app using React JS, MongoDB, Express, Node JS and Stripe payment gateway. In this Full Stack Food delivery app project we will create the Frontend website, Admin Panel and Backend server. We will create the user authentication system so that anyone can create an account and login this food order website. We will create the shopping cart functionality so that user can add food items in their cart and order food from this app. We will also integrate the Stripe payment gateway to place the order and with online payment. Then we will create the order status update features also. Download the assets: https://greatstack.dev/assets/food-del-mern πŸ‘‰ React Introduction Tutorial: https://youtu.be/r5kO-E6NI14 #ReactJS #Ecommerce #FoodApp #GreatStack Timestamp: 00:00 Project Overview 06:39 Create Frontend food delivery website 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 03:23:23 Create Backend of Food App 03:38:12 Setup MongoDB Atlas for database 04:28:12 Create Admin Panel using React JS 05:31:75 Display food list in the admin panel 05:51:35 Create user authentication (login & registration) feature 06:52:49 Fetch food data on frontend from databse 06:59:58 Create Shop Cart functionality 07:39:12 Create place order feature and stripe payment integration 08:45:12 Create user order page 09:16:46 Display orders in admin panel 09:42:09 Create order update feature ------------------------------------- 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

Download

0 formats

No download links available.

How To Create Full Stack Food Delivery Website In React JS, MongoDB, Express, Node JS & Stripe | NatokHD