MERN From Scratch 2023 | eCommerce Platform
MERN From Scratch 2023 | eCommerce Platform
Last updated 5/2023
Duration: 13h 3m | .MP4 1280x720, 30 fps(r) | AAC, 44100 Hz, 2ch | 4.61 GB
Genre: eLearning | Language: English
Last updated 5/2023
Duration: 13h 3m | .MP4 1280x720, 30 fps(r) | AAC, 44100 Hz, 2ch | 4.61 GB
Genre: eLearning | Language: English
JUST UPDATED! Build an eCommerce platform from the ground up with React, Redux Toolkit, Express & MongoDB
What you'll learn
Build a custom eCommerce platform with React, Redux, Node, Express & MongoDB
An actual real-world project built in a linear and progressive manner
JWT Authentication Stored In An HTTP-Only Cookie
Full featured shopping cart with PayPal & credit/debit payments
Admin area to manage customers, products & orders
Product Rating & Review System
Product Search, Carousel, Pagination & More
Requirements
You should know modern JS fundamentals and the basics of React
Description
This is a single-project course, meaning that we spend almost 13 hours building an eCommerce shop using the MERN stack along with Redux Toolkit. We start from absolute scratch with an empty folder. You will learn everything from setting up a server, modeling data, creating a MongoDB database, seeding data, creating the UI, managing state with Redux, authentication with JWT and much much more.
The ProShop platform that we will be building will include the following features:
Full-featured shopping cart with quantity
Product reviews and ratings
Top products carousel
Product pagination
Product search feature
User profile with orders
Admin product management
Admin user management
Admin Order details page
Mark orders as delivered option
Checkout process (shipping, payment method, etc)
PayPal / credit card integration
Custom database seeder script
This is not a documentation-type course. This is a "jump in and get your hands dirty" course where by the end, you have an actual real-world project to use and put on your portfolio. You will learn the following by completing this course..
React with functional components & hooks
React router
React-Bootstrap UI library
How to structure components
Component level state & props
Managing global state with Redux (Actions & Reducers)
Using Redux state in components (useDispatch & useSelector)
Creating an extensive back end with Express
Working with a MongoDB database and the Mongoose ODM
JWT authentication (JSON web tokens) with HTTP-Only cookie
Creating custom authentication middleware
Custom error handler
Integrating the PayPal API
Environment variables
Project deployment
Much more!
Who this course is for:
Full stack web developers that want to learn MERN by building a real-world app
More Info