Build Full Stack Food Ordering Website using React JS, MongoDB, Express, Node JS & Strip | Full Stack Project for students 2024
👉 Source Code: greatstack.dev/go/tomato
SUBSCRIBE: @GreatStackDev
❤️ Complete JavaScript Course with Certification:
👉 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 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: drive.google.com/file/d/197J9...
👉 React Introduction Tutorial: • What Is React (React J...
#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:
👉 • How To Make Portfolio ...
Build ChatGPT Clone In React:
👉 • Build ChatGPT In React...
Build AI Image Generator with OpenAI In React
👉 • Build An AI Image Gene...
Create Weather App In React
👉 • How To Create Weather ...
-------------------------------------
Recommended HTML and CSS Projects:
Learn Complete HTML and CSS from basics:
► • HTML And CSS Tutorial ...
Make A Complete Website for college using HTML & CSS:
► • How To Make A College ...
How to make personal resume website step by step:
► • How To Make A Website ...
How to make an Ecommerce Website Design:
► • How To Make eCommerce ...
How to make travel website design with HTML CSS Bootstrap:
► • How To Make A Website ...
-------------------------------------
Connect with me:
👉 linktr.ee/iamavinashkr
Connect with GreatStack:
Instagram: / greatstackdev
Twitter: / greatstackdev
Facebook: / greatstack
1 июн 2024
