How to Build a Food Ordering App with MERN Stack

preview_player
Показать описание
MERN Stack: React,Redux,Node, Mongo – Pizza Delivery App
Build a Complete MERN Pizza Delivery application from scratch with React, Node, Express
What you’ll learn

MERN Stack: React, Redux,Node, Mongo – Pizza Delivery App

Advanced Topics in React
Redux
Redux Thunk
Performing Asynchronous operations with redux-thunk
Managing State with Redux
Cart Functionality
Common Payment Gateway Integration
User Authentication
Filtering Items in Redux State
Deploying Application to HEROKU
Requirements
Javascript Basics
React Basics
Node Basics
Description
This is a Full Stack (MERN) Pizza Delivery Application developed using React and React for Front End, Redux-Thunk for Asynchronous operations,
Node JS for Runtime environment, Express JS for Backend Routing, and Mongo DB for Database

In this course, we will implement the following features in the Pizza Delivery Application.

Working with Redux and Redux-Thunk
Add to cart Feature
Update Quantity in cart
Delete Products from the cart
User Authentication
Common Payment Gateway Integration
Paying amount with stripe
Placing Orders
Store orders in the database
Retrieve Orders to user profile
User Dashboard
Admin Dashboard
Manage Users, Products, Orders in Admin Panel
Protected routes for admin panel
Pushing Application to GITHUB.
Version Control using GIT
By the end of the courses, you will know how to work with redux states, reducers, Middelwares including the payment gateway.
24/7 Q/A Support.

Who this course is for:
React Developers
MERN Stack Developers
JavaScript Developers
Node Developers

-----------------------------------------
Recommended Video on YouTube:

HTML and CSS Complete course for beginners:

Split Text on Hover - Creative Link Effects on Hover - Css Hover Effects - Pure CSS Tutorials:

Learn Advance CSS Transition In 60 Minutes:

Learn Advance CSS Transform In 45 Minutes:

Responsive Website Landing Page Design | Title (Creative Nature) - Only Using CSS:

Animated Login Form using HTML & CSS || Responsive design :

Video Tags to Rank:
React Native Tutorial: MERN Stack Food Ordering App
How to Build a Food Ordering App using MERN Stack - Tutorial
How to Build a Food Ordering App with MERN Stack
Рекомендации по теме
Комментарии
Автор

Don't forget to like and if you've any queries related to this video... Let me know in the comment section. 🥰🥰

StackMaster
Автор

Awesome project. Thanks a lot for this project. Eagerly waiting for more projects.

mdabdulmomin
Автор

18:34 use <ul className="navbar-nav ms-auto" > instead of <ul className="navbar-nav ml-auto" > (Bootstrap 5)

arnavkatgeri
Автор

I am so glad I found this video. Awesome work done!!! eagerly waiting for the next part. Please upload soon. Ton of thanks!

sonaln
Автор

Master! Amazing Course, Easy to Follow . Thank you so much Brother

johnherrera
Автор

Damn amazing🔥🔥, The tutorial, no words to express my gratitude, thanku so much for this project 🙏🙏🙏🙏🙏🙏

evvrokp
Автор

believe me, this is the first time I didn't get any error. I understood each and everything. Thank you for this...eagerly waiting for the rest of the part. i need more mern stack projects from you, Sir...thank you agaiin

kunalbiswas
Автор

All your explanations are clear thank you

narendar
Автор

thank you very much, I learn lots of think in just 1:32:18

tinvo
Автор

Hi, I am learning Node/Express, It is really amazing that you have explained it very easily. I bought a coffee for you, just for now. I am looking for the next video Since I am just a student it will help me to learn more. At the same time, I will have the project. Thank you

allaboutaheart
Автор

lovely tutorial, simply the best
pls, when will the Redux part of it be released?

kayodehassan
Автор

To add some padding in the navbar use (px-4) or your desired amount of padding
<nav className="navbar navbar-expand-lg px-4">

dibyanshukiro
Автор

At the end I am getting an empty array how to get it resolved ???

mansimewara
Автор

Which extension do I need for the express server?

mdabdulmomin
Автор

Did you introduce the concept of jwt authentication in the 2nd part of this video?

sauravchakraborty
Автор

is any video about add to favorits (wishlist) in mern

gayashandulanjana
Автор

React bootstrap modal is throwing the error: invalid call of hooks

its_PHEONIX
Автор

Sir where is the continued video after this where you used redux for this project ?

tarsemlal
Автор

Why cart is always showing 2 after order successful, even though you login admin

amitprajapati
Автор

how to connect MongoDB atlas if try to connect it won't work could pls solve my query

abdulhameeda