IIRF Online > Development > Web Development > Node.Js > MERN Stack React Node Ecommerce from Scratch to Deployment
MERN Stack React Node Ecommerce from Scratch to Deployment by Udemy
MERN Stack React Node MongoDB powered E-Commerce App with PayPal and Credit Card Payment along with Admin Dashboard
Course Highlights
- Learn Node JS API (Backend) Development
- Learn React JS (Frontend) Web Development
- Learn to Write Functional Components with React Hooks
- Learn the Fundamental Concepts of Building Ecommerce Application
- Learn to Implement Payment Gateway using Credit Card and PayPal
- Learn to Integrate Braintree (A PayPal Company) for Payment Processing
- Learn to Implement Advance Searching/Filtering based on Categories
- Learn to Implement Advance Searching/Filtering based on Price Range
- Learn to Implement Standard Products Search System with Categories option/dropdown
- Learn to Build Shopping Cart
- Learn to Implement Authentication based on JWT
- Learn to Build Scalable React App with Proper Layouts and Routes
- Learn to build Admin and User Dashboard
- Learn to Implement Flexible Private and Admin Routing System
- Learn advance CRUD with Products and Categories
- Learn to handle File Upload
- Learn to use LocalStorage (CRUD) to Minimize Requests to Backend
- Learn to Store Sold Products Record into the Database for Further Processing
- User Profile and Update Ability
- Learn to implement Order Management System by Admin
- Learn to Deploy your app to Digital Ocean's Cloud Servers
- Learn to add a Custom Domain name to your app
- Learn to use Cloudflare's CDN to serve your app (for speed)
- Learn to use Cloudflare's free SSL to secure your app
Skills you will learn!
Curriculum
4 Topics
Course introduction
Are you ready for this course?
Are you new to JavaScript React and NodeJs?
Course roadmap (optional)
9 Topics
Download source code for all the lectures from Github
Express server
Mongoose version
Using MongoDB Atlas
Signup with MongoDB Atlas
Resources to install MongoDB and Robo3T (optional)
Connecting to MongoDB
Routes
Controllers
11 Topics
User schema
Virtual fields and methods
User signup
Using Postman to signup user
Error handler method and UUID solution
Friendly error message
Using the right version of express-validator for the next lecture
Using express validator
User signin using JWT
Using Postman to signin user
User signout
5 Topics
Express JWT Error - Algorithms should be set (for next lecture)
Require signin middleware
Renaming from user to auth
User by id middleware
Auth and admin middlewares
12 Topics
Category model route and controller
Creating category using postman
Product model
File upload code update
Create product with file upload
Creating product using postman
Create product validation
Product by id middleware and single product
Product delete
Product update
Category by id and single category
Category update delete and get all
9 Topics
Products by sell and arrival on request query params
Fetch products based on request query using postman
Related products
List product categories
Products by search source code
List products by search
Send product photo
User profile read and update
Installing CORS
11 Topics
Get up and running with React Hooks
React hooks
Why we used class components?
Counter app using class
useState hook
useEffect hook
News app using hooks
Search news on input change
Controlling useEffect's behaviour
Loading
Code Organization
6 Topics
Create react app
React router version
Routing pages
Menu and active links
Shared layout component
Environment variables
8 Topics
Signup form handle change
User signup
User signup success and error
Code refactoring - Signup
User signin
Save user and token in local storage
User signout
Show and hide signin signout links conditionally
5 Topics
Private route for authenticated users only
User dashboard
Links on user dashboard
Admin dashboard
Private route for admin
11 Topics
Add category component
Category create success and error
Create product part one
Create product part two
Create product part three
Create product with categories
Products by arrival and sell
Show products in card
Show product image
Jumbotron animation css source code
Styling buttons and jumbotron
12 Topics
Shop page
Get categories in shop page
Show categories in shop sidebar
Handle categories toggle
Passing categories filter to parent component
Set filters with category
Fixed price range
Radio buttons for price range
Filter with price range
Show products by filter on shop page
Pass products to card component
Load more button
5 Topics
Search component
Search form
Implementing search
Backend implementation of search
Search message to users
4 Topics
Single product component
Reuse card for single product
Product detail on single product page
Show related products
8 Topics
Solution to potential error on the next lecture (Add to cart)
Add to cart
Cart items total in menu
Show products in cart page
Conditionally show hide add to cart
Product quantity update in cart
Remove product from cart
Cart total
10 Topics
Braintree as payment gateway
Signup to braintree
Braintree setup backend
Braintree setup frontend
Handling payment frontend
Processing payment backend
Successful transaction
Empty cart after successful purchase
Activate paypal payment
Steps to create paypal sandbox account
14 Topics
Order routes and controller setup - Backend
Create order - Frontend
Order and CartItem model source code
Save orders in the database
Save delivery address of orders
Push orders to user's purchase history
Update sold products quantity
List all orders for admin
Fetch all orders for admin
Loop through orders
Show product details of each order
enum status values of each order
Find order by id and update order status
Update order status by admin
6 Topics
User profile update methods
Get user info for profile update
User profile update
User purchase history - Backend
User Purchase history function source code
User purchase history - Frontend
5 Topics
Manage products for admin
Product CRUD requests
Products list and delete single product
Get all products for admin CRUD
Product Update
7 Topics
Code Snippets
Deploy to Digital Ocean Part 1
Deploy to Digital Ocean Part 2
Update user role to Admin in production
Fully functioning Ecommerce app in production
Adding a Domain name
Using Cloudflare's CDN and free SSL for our app
1 Topic
Email alert to admin and buyer
1 Topic
Other courses you may like
MERN Stack React Node Ecommerce from Scratch to Deployment
Related Node.Js Courses
Thank You!
Your review has been submitted successfully.