MERN Stack React Node Ecommerce from Scratch to Deployment

سرفصل های دوره

MERN Stack React Node MongoDB powered E-Commerce App with PayPal and Credit Card Payment along with Admin Dashboard

01 - Introduction

001 Course introduction

002 Are you ready for this course

003 Are you new to JavaScript React and NodeJs.html

004 Course roadmap (optional)

02 - Node - Project Setup

001 Download source code for all the lectures from Github.html

002 Express server

003 Mongoose version.html

004 Using MongoDB Atlas

005 Signup with MongoDB Atlas.html

006 Resources to install MongoDB and Robo3T (optional).html

007 Connecting to MongoDB

008 Routes

009 Controllers

03 - Node - User Signup and Signin

001 User schema

002 Virtual fields and methods

003 User signup

004 Using Postman to signup user

005 Error handler method and UUID solution.html

006 Friendly error message

007 Using the right version of express-validator for the next lecture.html

008 Using express validator

009 User signin using JWT

010 Using Postman to signin user

011 User signout

04 - Node - Auth and Admin Middlewares

001 Express JWT Error - Algorithms should be set (for next lecture).html

002 Require signin middleware

003 Renaming from user to auth

004 User by id middleware

005 Auth and admin middlewares

05 - Node - Product and Categories

001 Category model route and controller

002 Creating category using postman

003 Product model

004 File upload code update.html

005 Create product with file upload

006 Creating product using postman

007 Create product validation

008 Product by id middleware and single product

009 Product delete

010 Product update

011 Category by id and single category

012 Category update delete and get all

06 - Node - Sending Products with Queries

001 Products by sell and arrival on request query params

002 Fetch products based on request query using postman

003 Related products

004 List product categories

005 Products by search source code.html

006 List products by search

007 Send product photo

008 User profile read and update

009 Installing CORS

07 - React - React Hooks (Optional)

001 Get up and running with React Hooks.html

002 React hooks

003 Why we used class components

004 Counter app using class

005 useState hook

006 useEffect hook

007 News app using hooks

008 Search news on input change

009 Controlling useEffects behaviour

010 Loading

011 Code Organization

08 - React - React App with Pages and Layouts

001 Create react app

002 React router version.html

003 Routing pages

004 Menu and active links

005 Shared layout component

006 Environment variables

09 - React - User Signup and Signin

001 Signup form handle change

002 User signup

003 User signup success and error

004 Code refactoring - Signup

005 User signin

006 Save user and token in local storage

007 User signout

008 Show and hide signin signout links conditionally

10 - React - Private and Admin Route with User Dashboard

001 Private route for authenticated users only

002 User dashboard

003 Links on user dashboard

004 Admin dashboard

005 Private route for admin

11 - React - Categories and Products

001 Add category component

002 Category create success and error

003 Create product part one

004 Create product part two

005 Create product part three

006 Create product with categories

007 Products by arrival and sell

008 Show products in card

009 Show product image

010 Jumbotron animation css source code.html

011 Styling buttons and jumbotron

12 - React - Shop Page with Search Filter by Category and Price Range

001 Shop page

002 Get categories in shop page

003 Show categories in shop sidebar

004 Handle categories toggle

005 Passing categories filter to parent component

006 Set filters with category

007 Fixed price range

008 Radio buttons for price range

009 Filter with price range

010 Show products by filter on shop page

011 Pass products to card component

012 Load more button

13 - React - Products Search

001 Search component

002 Search form

003 Implementing search

004 Backend implementation of search

005 Search message to users

14 - React - Product Page with Related Products

001 Single product component

002 Reuse card for single product

003 Product detail on single product page

004 Show related products

15 - React - Cart CRUD with LocalStorage

001 Solution to potential error on the next lecture (Add to cart).html

002 Add to cart

003 Cart items total in menu

004 Show products in cart page

005 Conditionally show hide add to cart

006 Product quantity update in cart

007 Remove product from cart

008 Cart total

16 - Payment Gateway (Credit Card and PayPal) with Braintree

001 Braintree as payment gateway

002 Signup to braintree

003 Braintree setup backend

004 Braintree setup frontend

005 Handling payment frontend

006 Processing payment backend

007 Successful transaction

008 Empty cart after successful purchase

009 Activate paypal payment

010 Steps to create paypal sandbox account

17 - Orders

001 Order routes and controller setup - Backend

002 Create order - Frontend

003 Order and CartItem model source code.html

004 Save orders in the database

005 Save delivery address of orders

006 Push orders to users purchase history

007 Update sold products quantity

008 List all orders for admin

009 Fetch all orders for admin

010 Loop through orders

011 Show product details of each order

012 enum status values of each order

013 Find order by id and update order status

014 Update order status by admin

18 - User Profile

001 User profile update methods

002 Get user info for profile update

003 User profile update

004 User purchase history - Backend

005 User Purchase history function source code.html

006 User purchase history - Frontend

19 - Manage Orders and Products by Admin

001 Manage products for admin

002 Product CRUD requests

003 Products list and delete single product

004 Get all products for admin CRUD

005 Product Update

20 - Deployment, Domain, CDN and Free SSL

001 Code Snippets.html

002 Deploy to Digital Ocean Part 1

003 Deploy to Digital Ocean Part 2

004 Update user role to Admin in production

005 Fully functioning Ecommerce app in production

006 Adding a Domain name

007 Using Cloudflares CDN and free SSL for our app

21 - Further Improvements

001 Email alert to admin and buyer.html

22 - Bonus

001 Other courses you may like.html

53,700 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy-Training