Build an e-commerce app with React and Chakra UI MERN [2023]

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

Build a full stack e-commerce platform from scratch with React, Redux, Express, MongoDB [MERN Stack + Chakra UI]

1. Introduction

1. App demo

2. Environment Setup

1. Install Npm

2. Install Git

3. Install NodeJs

4. Install Visual Studio Code

5. Install Visual Studio Code Extensions

3. Project Setup

1. Initiating Folder Directory

2. Create React App

3. Npm start

4. Client Content Explained

5. Removing Files we dont need 1

6. Removing Files we dont need 2

7. Setting up Git

8. High picture of our app

9. In case you get stuck

4. Navbar & React Router

1. Overview

2. Installing Dependencies

3. Set up React Router Dom & Chakra Provider

4. The concept of React

5. Navbar Component Part 1

6. The concept of Components

7. Navbar Component Part 2

8. Navbar Component Part 3

9. Navbar Component Part 4

10. Save your work to the remote repository

5. ProductScreen & ProductCard

1. Overview

2.1 images-and-products-data.zip

2. Download Materials

3. ProductsScreen Component

4. ProductCard Component Part 1

5. ProductCard Component Part 2

6. ProductCard Component Part 3

7. Save your work to the remote repository

6. Getting started on the backend

1. Section overview

2. Getting started with MongoDb

3. MongoDbCompass

4. Connect to our database in MongoDb Compass

5. Initialize backend npm package & dependencies

6. Creating database connection part 1

7. Creating database connection part 2

8. What we have done so far

9. Add port listener

10. Creating product schema

11. Initiate product route

12.1 productschema.zip

12. Import product data

13. Save your work to the remote repository

7. API connection & Redux Setup

1. Overview

2. Running backend and frontend simultanously

3. Creating Redux Store

4. Redux Slices & Actions

5. Proxy and Store Activation

6. Redux Devtools

7. Store Provider

8. Redux in ProductsScreen

9. Redux Theorie

10. Code Clean Up

11. Loading Spinner & Error Message

12. Test Error Message & Saving our work to the Remote Repository

8. Adding & Removing Products to the Cart

1. Overview

2.1 script.zip

2. Fixing Deprecation Warning

3. Setting Favicon

4.1 favicon.zip

4. Creating Cart Screen part 1

5. Cart Slices & Actions (Redux)

6. Creating Cart Screen part 2

7. Adding Redux to the ProductCard

8. Fixing useColorModeValue

9. CartItem Component part 1

10. CartItem Component part 2

11. CartOrderSummary Compononet

12. Get Product Route

13. Local storage

14. Refining calculateSubtotal Function

15. Remove Cart Item and Save Work to Remote Repository

9. Single Product Screen

1. Overview

2. Redux setup for single product

3. Initialize Product Screen Component

4. Product Screen part 1

5. Product Screen part 2

6. Product Screen part 3

7. Product Screen part 4

8. Product Screen part 5

9. Product Screen part 6

10. Saving work to our work repository

10. Footer & LandingScreen

1. 1. Overview

2. Footer Component Part One

3. Footer Component Part Two

4. Footer Component Part Three

5. LandingScreen Component Part One

6. LandingScreen Component Part Two

7. Save work to our remote repository

11. Login & Registration

1. Overview

2. User Model

3. JSON Web Token and Login User Route

4. Register User Route

5. Postman & GET Products

6. Register user in Postman

7. Review of what we have done so far

8. Login user in Postman

9. Login Screen Part One

10. Login Screen Part Two

11. Login Screen Part Three

12. Login Screen Part Four

13. Redux Set Up For User

14. Login Screen Part Five

15. Login Screen Part Six

16. Login Screen Part Seven

17. Login Screen Part Eight

18. Registration Screen Part One

19. Registration Screen Part Two

20. Registration Screen Part Three

21. ViewIcon Fix

22. Save Your Work To The Remote Repository

12. Profile Screen & Cart Icon

1. Overview

2. Backend Middleware

3. Update Profile Route

4. Introduction to Postman

5. Update Profile In Redux

6. Profile Screen Part One

7. Profile Screen Part Two

8. Profile Screen Part Three

9. Profile Screen Part Four

10. Profile Screen Part Five

11. Profile Screen Part Six

12. Cart Icon Refinement

13. Save your work to the remote repository

14. Profile Save Toaster Fix

13. Checkout Screen & PayPal

1. Overview

2. Order Schema

3. Order Route

4. Redux Setup - Order Actions

5. Redux setup - Order Slice

6. Checkout Screen Part One

7. Checkout Screen Part Two

8. CheckoutScreen Part Three

9. Checkout Screen Part Four

10. Checkout Screen Part Six

11. Clear Order and Cart Actions

12. Shipping Information Part One

13. Shipping Information Part Two

14. Shipping Information Part Three

15. Payment Success Modal Part One

16. Payment Success Modal Part Two

17. Payment Success Modal Part Three

18. Payment Success Modal Part Four

19. Save your work to the remote repository

14. Reviews & User Orders

1. Overview

2. Get Users Orders Route

3. Redux Setup - User Orders

4. Your Orders Screen Part One

5. Your Orders Screen Part Two

6. Create Product Reviews Route

7. Redux Setup - Reviews

8. Redux Setup Resetting Errors

9. Review on Product Screen Part One

10. Review on Product Screen Part Two

11. Review on Product Screen Part Three

12. Save your work to the remote repository

15. Admin Console - Users

1. Overview

2. Admin Console in Nav Bar

3. Initialize Admin Console Screen

4. Initialize Users Tab

5. Users Route for Admin

6. Redux Setup - Admin Users

7. Users Tab Part One

8. Users Tab Part Two

9. Confirm Removal Alert

10. Users Tab Part Three

11. Debug Remove User Button

12. Save your work to the remote repository

16. Admin Console - Orders

1. Overview

2. Admin Orders Route

3. Redux Setup - Get Orders & Remove Orders

4. Orders Tab

5. Debug Delivered Flag

6. Save your work to the remote repository

17. Admin Console - Products

1. Overview

2. Create Delete Update Product Route

3. Redux Setup - Update Product

4. Redux Setup - Delete Product

5. Redux Setup - Upload Product

6. Products Tab Part One

7. Products Tab Part Two

8. Product Table Item Part One

9. Product Table Item Part Two

10. Product Table Item Part Three

11. Debugging 404

12. Add New Product Part One

13. Add New Product Part Two

14. Add New Product Part Three

15. Add New Product Part Four

16. Save your work to the remove repository

18. Admin Console - Reviews

1. Overview

2. Redux Setup - Remove Review

3. Reviews Tab - Part One

4. Reviews Tab - Part Two

19. Bug Fixes

1. Displaying correct error messages

53,700 تومان

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

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

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

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