Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

How to Create Full Stack Food Delivery Website in React JS, MongoDB, Express, Node JS and Stripe

GreatStack via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to build a comprehensive full-stack food delivery application using the MERN stack (MongoDB, Express, React, Node.js) with Stripe payment integration in this 10-hour tutorial. Develop three complete components: a customer-facing website, an administrative panel, and a backend server with database connectivity. Master user authentication by implementing registration and login systems, then create dynamic shopping cart functionality that allows customers to add items and place orders. Integrate Stripe payment gateway for secure online transactions and build order management features including status updates. Start by creating the responsive frontend interface, then progress to building the backend API with MongoDB Atlas database setup. Construct an admin panel for managing food items and orders, implement user authentication across the entire application, and connect the frontend to the database for dynamic content. Complete the project by adding cart functionality, order placement with payment processing, user order tracking, and administrative order management features.

Syllabus

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

Taught by

GreatStack

Reviews

Start your review of How to Create Full Stack Food Delivery Website in React JS, MongoDB, Express, Node JS and Stripe

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.