Web Development MERN Stack + Redux Project, Ecommerce SaaS

Web Development MERN Stack + Redux Project, Ecommerce SaaS, available at $19.99, has an average rating of 4.8, with 107 lectures, based on 5 reviews, and has 62 subscribers.

You will learn about Create a backend that is connected to MongoDB Database and start a backend server Create user authentication with password hashing and a detailed user model with the ability to store cookies Upload images and video to the cloud and integrate them into our database for later access Be able to verify emails and send reset emails with hashed tokens just like the big real world websites Integrate Stripe payments, create checkout window hosted by stripe, manage user subscriptions and update user roles to the database Get the big picture overview on how a big website backend works and how its all connected Make requests to our database and update or delete user or product details in real time Know how to structure and code a solid fullstack website backend Master Redux toolkit and all of its functionality in a real world excample website Use your won API that you created and access it from the cloud after deployment This course is ideal for individuals who are Beginer Web Developers or Intermediate Web Developers It is particularly useful for Beginer Web Developers or Intermediate Web Developers.

Enroll now: Web Development MERN Stack + Redux Project, Ecommerce SaaS

Summary

Title: Web Development MERN Stack + Redux Project, Ecommerce SaaS

Price: $19.99

Average Rating: 4.8

Number of Lectures: 107

Number of Published Lectures: 107

Number of Curriculum Items: 107

Number of Published Curriculum Objects: 107

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Create a backend that is connected to MongoDB Database and start a backend server

Create user authentication with password hashing and a detailed user model with the ability to store cookies

Upload images and video to the cloud and integrate them into our database for later access

Be able to verify emails and send reset emails with hashed tokens just like the big real world websites

Integrate Stripe payments, create checkout window hosted by stripe, manage user subscriptions and update user roles to the database

Get the big picture overview on how a big website backend works and how its all connected

Make requests to our database and update or delete user or product details in real time

Know how to structure and code a solid fullstack website backend

Master Redux toolkit and all of its functionality in a real world excample website

Use your won API that you created and access it from the cloud after deployment

Who Should Attend

Beginer Web Developers

Intermediate Web Developers

Target Audiences

Beginer Web Developers

Intermediate Web Developers

In this course you will not only learn but Master the MERN Stack and all the technologies that go along with it in a fun way that is focused on doing and learning, meaning you will code up with me a production-ready software as a service website and deploy it on the web in the end. This way you will learn how it is done from the beginning to the end not leaving anything out, and I will also explain every single line of code and not leave anything unexplained so that you can build anything you want after finishing this course! So this course is aimed at beginners and also for advanced developers because firstly everything is explained. A total beginner can jump right in and not feel overwhelmed and also an advanced developer can harden his skills with this course because it features a lot of advanced topics, technologies, and blocks of logic that you will not find anywhere else on Udemy or on any other course because this goes in-depth and not just surface level! So with that said I’m excited to see you inside and learn together while building an awesome Fullstasck Website that will impress any employer or developer alike.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction – What you will Learn and Master

Lecture 2: Project Overview and Technologies

Lecture 3: Finished Website

Chapter 2: Development Enviroment Setup

Lecture 1: Seting Up the web development enviroment

Chapter 3: Backend Development

Lecture 1: Seting up the project dependencies

Lecture 2: What is a API?

Lecture 3: Connecting to MongoDB, our database

Lecture 4: Create user model and the first user, part 1

Lecture 5: Create user model and first user, part 2

Lecture 6: Finishing the user model

Lecture 7: Creating the products model

Lecture 8: Creating Stripe account, finishing up register logic

Lecture 9: Creating the login logic

Lecture 10: Auth Middleware and fetching user details

Lecture 11: Fetch all users logic

Lecture 12: Stripe – Get all subscriptions

Lecture 13: Update users password logic

Lecture 14: Reset users password logic part 1

Lecture 15: Reset users password logic part 2

Lecture 16: Verify users account part 1

Lecture 17: Verify users account part 2

Lecture 18: Update user details logic

Lecture 19: Save a product logic

Lecture 20: Unsave a product logic

Lecture 21: Create Stripe checkout window

Lecture 22: Stripe subscription update and user role update

Lecture 23: Stripe subscription update after cancel plan

Lecture 24: Stripe subscription update after renew

Lecture 25: How everything is connected

Lecture 26: Creating products controller and first product

Lecture 27: Configure multer and create cloudinary account

Lecture 28: Upload images to cloudinary

Lecture 29: Update, save and unsave products controllers

Lecture 30: Fetch free products controller

Lecture 31: Fetch paid products controller

Lecture 32: Fetch tiktok, facebook and google products

Lecture 33: Fetch single product controller

Lecture 34: Update a product controller

Lecture 35: Delete a product, Delete all and finishing up the backend

Chapter 4: Redux and Redux-Toolkit In-depth

Lecture 1: What is Redux and Redux Toolkit

Lecture 2: Creating our Redux Toolkit project

Lecture 3: Creating redux store and counter slice

Lecture 4: CreateAsyncThunk and fetching data from API

Chapter 5: Frontend Web Development

Lecture 1: Creating the react app

Lecture 2: Installing TailwindCSS and importing Google fonts

Lecture 3: Installing the dependencies

Lecture 4: Excplaining the dependencies wee installed

Lecture 5: Creating the Redux store

Lecture 6: Register user and Utilities folder

Lecture 7: Register Component part 1

Lecture 8: Register component part 2

Lecture 9: Login a user

Lecture 10: Login Component part 1

Lecture 11: Login component part 2

Lecture 12: Logout a user

Lecture 13: Fetch user Details

Lecture 14: Save a product / like

Lecture 15: Unsave a product / dislike

Lecture 16: Get subscription prices from stripe

Lecture 17: Send email Action and Controller

Lecture 18: Stripe checkout session/window creation

Lecture 19: Update stripe subscription after successfull payment

Lecture 20: Customer portal window access

Lecture 21: Fetch all users

Lecture 22: Update user password

Lecture 23: Send password reset url to email

Lecture 24: Reset password after clikcing Reset Link

Lecture 25: Send verification url link

Lecture 26: Verify account after clikcing verification link

Lecture 27: Update user field

Lecture 28: Subscription update after cancel

Lecture 29: Subscription update after renewal

Lecture 30: Create products slice and Create product action

Lecture 31: Fetch all products

Lecture 32: Fetch free and paid products

Lecture 33: Fetch tiktok, facebook and google ads products

Lecture 34: Fetch single product and free products

Lecture 35: Update product fields

Lecture 36: Delete single and all products

Lecture 37: Navbar part 1

Lecture 38: Navbar part 2

Lecture 39: Homepage component

Lecture 40: What wee offer component and navbar fix

Lecture 41: Stats component

Lecture 42: Pricing component part 1

Lecture 43: Pricing component part 2

Lecture 44: FAQ, Guarantee, Reviews components

Lecture 45: Footer component

Lecture 46: About page

Lecture 47: Pricing Page and Navbar fix

Lecture 48: Features page

Lecture 49: Contact page

Lecture 50: Free products page

Lecture 51: Free product details page

Lecture 52: Create product page

Instructors

Djumali Osmani
MERN Stack Web Development Instructor

Rating Distribution

1 stars: 0 votes

2 stars: 0 votes

3 stars: 0 votes

4 stars: 1 votes

5 stars: 4 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!