React Node.js E-Commerce App Full Tutorial (Stripe ) - MERN Stack Shopping App

preview_player
Показать описание
MERN Stack ECommerce App – React, Redux, Node, Express, Mongo DB
From scratch, build a complete MERN Stack Ecommerce app and put it on Heroku.
What you’ll learn
MERN Stack ECommerce App – React, Redux, Node, Express, Mongo DB

New React App: How to Make a New One
People who work with static JSON data.
Making a Node and Express server.
Mongo DB Atlas and Mongo DB Compass can connect to each other
A way to connect Node JS and Mongo DB
When you work with API endpoints.
I’m working with State Management.
Learn Making apps with Redux stores, reducers, and actions.
With Redux Thunk, I am working.
Add to cart is a feature that lets you add things to your shopping cart.
Adding and taking things out of the shopping cart.
Check out the features.
Integration with the Stripe payment gateway.
Connecting react and node to the stripe and the other parts.
Working with the react-stripe-checkout component.
Placing an order.
When you buy something, you put it in a database.
Authentication of users.
In the process of working on the profile of the users.
Filtering Products by price, category, and more.
The ability to search for products.
Reviewing the products and adding them to the list
People can see the reviews for the products.
Implementation of the admin panel.
The admin panel lets you control users, orders, and products.
When HEROKU is put into use
Requirements
Basics of Javascript.
Basics of React
Node and Express are two of the things you can do.
Description
Build a MERN Stack Ecommerce App From Scratch.

This class is not for anyone who is new to either React or Node. It’s important that you know a little about React, Redux, Redux Thunk, and Node JS before you start.
In this class, we will add the following features to the Ecommerce App.
Making a React app.
Making sense of the static data.
When you work with API endpoints.
Mongo DB’s atlas and the Compass tool.
A list of the Redux States and the Reducers
Redux was thought of as MiddelWare at first.
Worked with Redux store and local storage.
Add this to your cart.
To change the quantity of something in your shopping cart:
Remove items from the shopping cart.
Authentication of users.
Stripe is a payment gateway
Placing orders with a blue stripe.
Placing an order.
When you buy something, you put it in a database.
Retrieve orders from the user’s account.
The user dashboard.
The Admin Dashboard.
Admins can manage users, products, and orders in the panel.
Routes for the admin panel are safe.
Deployment of the app to Heroku.
By the end of the courses, you will know how to work with redux states, reducers, Middelwares including the payment gateway.

Who this course is for:
They work with React.
Developers of nodes.
Developers of MERN.
All the people who want to learn how to make complex MERN apps out of Scratch.
Anyone who wants to make a complicated Ecommerce App.
Who wants to build and learn new things.

-----------------------------------------

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:
Рекомендации по теме
Комментарии
Автор

Part 02 please....
Between the Explaination was really Great...
Need more Videos on Full Stack...
keep going

PTE_Trainer
Автор

Really amazing bro. Please make complete series as soon as possible. Thank you

CK-irke
Автор

Pls drop the second part of this video, it is well Exolanatry. Thanks

bakareoluwatobi
Автор

What is the autcomplete extension u use for .row and others as well?

haroonmuhammedyounalive
Автор

Building & Explaining is really good gives more clarity good one, but i guess only half is here any other link to view complete video may be part 2?

vinayprince
Автор

hey i was following your othere video but it got removed becaues of copy right issue what now?? it was about react redux firebase ecommerce store? are you going to reupload that because iwa in the middle of that video

syedsaad
Автор

Bhai kitne part ayenge iske.. and kitne din mai ayenge sab.. .ai soch rha hu collage project k liye bana lu ise.. next month ending mai mera collage project presentation he

guru
Автор

I love this. Will there be admin dashboard?

godwinizekor
Автор

the "match" keyword doesnt work for me. it takes me to a blank page everytime I click on a product. it does not show the "product ID is" h1 at all...

Themysterywatch
Автор

Please how to add change password like forget password etc so modern jwt with forget password?

ehteshamali
Автор

When will you post the 2nd part of this video bro, I am waiting for you for a long time 😭😭😭😭

pluslearnskill
Автор

Greate project .How many part of this project?

billalfarabi
Автор

when you are posting part 2 of this this video i am still waiting bro

ahsanchoudary
Автор

Wow. Amazing Tutorial. Is there any 2nd part of this tutorial?

chamodrathnayake