MERN eCommerce from Scratch

Description

Welcome to our comprehensive course, which will cover all the essential topics and techniques you need to know to create a robust and scalable eCommerce application. We will begin by exploring the fundamentals of React, focusing on functional components and hooks. We will cover topics such as component state, props, and lifecycle methods, allowing you to build dynamic and interactive user interfaces. Next, we will dive into React Router, a popular routing library for React applications. You will learn how to handle navigation, create dynamic routes, and pass parameters between different components. To enhance the visual appeal and responsiveness of your application, we will introduce React-Bootstrap, a versatile UI library. Managing the global state of your application is a critical aspect of building complex projects. We will introduce you to Redux, a popular state management library, and guide you through the process of integrating it into your eCommerce platform. You will learn about actions, reducers, and the Redux store, enabling you to manage the application's state efficiently. You will learn how to handle routes, perform CRUD operations, and implement authentication and authorization mechanisms. You will integrate MongoDB, a popular NoSQL database, using the Mongoose Object Data Modeling (ODM) library. We will cover JWT authentication (JSON web tokens) with HTTP-Only cookies, providing a robust authentication mechanism to protect your users' sensitive data. By the end of this course, you will have gained a comprehensive understanding of building a full-stack eCommerce platform from scratch.

What You Will Learn

Explore the React-Bootstrap UI library
Learn to structure components
Manage global state with Redux (actions and reducers)
Create an extensive backend with Express
Learn JWT authentication HTTP-Only cookie
Create custom authentication middleware

Audience

This course is designed for full-stack web developers who are interested in learning the MERN stack (MongoDB, Express, React, and Node.js) by building a real-world application. Whether you are a beginner looking to gain hands-on experience or an experienced developer seeking to expand your skill set, this course will provide you with the knowledge and practical skills needed to build a robust and scalable web application.

Approach

Build a custom eCommerce platform with React, Redux, Node, Express, and MongoDB
Build an actual real-world project in a linear and progressive manner
Work with MongoDB database and the Mongoose ODM

Key Features

Build a custom eCommerce platform with React, Redux, Node, Express, and MongoDB * Build an actual real-world project in a linear and progressive manner * Work with the MongoDB database and the Mongoose ODM

Github Repo

https://github.com/PacktPublishing/MERN-eCommerce-from-Scratch

About the Author

Brad Traversy

Brad Traversy has been programming for around 12 years and teaching for almost 5 years. He is the owner of Traversy Media, which is a successful web development YouTube channel and specializes in everything from HTML5 to front-end frameworks such as Angular as well as server-side technologies such as Node.js, PHP, and Python. Brad has mastered explaining overly complex topics in a simple manner that is understandable. Invest in your knowledge by watching Brad's courses.

Course Outline

1. Introduction

2. Starting The Front End

3. Serving & Fetching Data

4. Starting MongoDB & Mongoose

5. Redux Toolkit Setup & State Management

6. Shopping Cart Functionality

7. Backend Authentication

8. Frontend Authentication

9. Checkout Process - Part 1

10. Checkout Process - Part 2

11. Admin Functionality

12. Reviews, Search & More

13. Deploy To Production