Web Development MERN Stack + Redux Project, Ecommerce SaaS

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

Learn the MERN stack in-depth and complete, nothing is left out! Build a production ready Ecommerce SaaS Website!

1. Introduction

1. Introduction - What you will Learn and Master

2. Project Overview and Technologies

3.1 Finished website.html

3.2 Github Backend code - Finished.html

3.3 Github Frontend Code - Finished.html

3. Finished Website

2. Development Enviroment Setup

1. Seting Up the web development enviroment

3. Backend Development

1. Seting up the project dependencies

2. What is a API

3. Connecting to MongoDB, our database

4. Create user model and the first user, part 1

5. Create user model and first user, part 2

6. Finishing the user model

7. Creating the products model

8. Creating Stripe account, finishing up register logic

9. Creating the login logic

10. Auth Middleware and fetching user details

11. Fetch all users logic

12. Stripe - Get all subscriptions

13. Update users password logic

14. Reset users password logic part 1

15. Reset users password logic part 2

16. Verify users account part 1

17. Verify users account part 2

18. Update user details logic

19. Save a product logic

20. Unsave a product logic

21. Create Stripe checkout window

22. Stripe subscription update and user role update

23. Stripe subscription update after cancel plan

24. Stripe subscription update after renew

25. How everything is connected

26. Creating products controller and first product

27. Configure multer and create cloudinary account

28. Upload images to cloudinary

29. Update, save and unsave products controllers

30. Fetch free products controller

31. Fetch paid products controller

32. Fetch tiktok, facebook and google products

33. Fetch single product controller

34. Update a product controller

35. Delete a product, Delete all and finishing up the backend

4. Redux and Redux-Toolkit In-depth

1.1 Understanding Redux and Redux Toolkit.pdf

1. What is Redux and Redux Toolkit

2. Creating our Redux Toolkit project

3. Creating redux store and counter slice

4. CreateAsyncThunk and fetching data from API

5. Frontend Web Development

1. Creating the react app

2. Installing TailwindCSS and importing Google fonts

3. Installing the dependencies

4. Excplaining the dependencies wee installed

5. Creating the Redux store

6. Register user and Utilities folder

7.1 Register.zip

7. Register Component part 1

8. Register component part 2

9. Login a user

10.1 Login.zip

10. Login Component part 1

11. Login component part 2

12. Logout a user

13. Fetch user Details

14. Save a product like

15. Unsave a product dislike

16. Get subscription prices from stripe

17. Send email Action and Controller

18. Stripe checkout sessionwindow creation

19. Update stripe subscription after successfull payment

20. Customer portal window access

21. Fetch all users

22. Update user password

23. Send password reset url to email

24. Reset password after clikcing Reset Link

25. Send verification url link

26. Verify account after clikcing verification link

27. Update user field

28. Subscription update after cancel

29. Subscription update after renewal

30. Create products slice and Create product action

31. Fetch all products

32. Fetch free and paid products

33. Fetch tiktok, facebook and google ads products

34. Fetch single product and free products

35. Update product fields

36. Delete single and all products

37.1 Navbar.zip

37. Navbar part 1

38.1 Ternary operator documentation.html

38. Navbar part 2

39.1 Homepage.zip

39. Homepage component

40.1 WhatWeeOffer.zip

40. What wee offer component and navbar fix

41.1 Stats.zip

41. Stats component

42. Pricing component part 1

43. Pricing component part 2

44.1 faq, guarantee, reviews components.zip

44. FAQ, Guarantee, Reviews components

45.1 Footer.zip

45. Footer component

46.1 about and calltoaction components.zip

46. About page

47.1 Pricing.zip

47. Pricing Page and Navbar fix

48.1 Features.zip

48. Features page

49.1 Contact.zip

49. Contact page

50.1 ProductsFree.zip

50. Free products page

51.1 productDetailsComponents.zip

51.2 ProductDetailsFree.zip

51. Free product details page

52.1 CreateProduct.zip

52. Create product page

53.1 PaidProducts.zip

53. Premium product page

54.1 ProdDetails.zip

54. Premium product details page

55.1 Profile.zip

55. Profile page

56.1 SavedProducts.zip

56. Save product page

57.1 ChnagePassword.zip

57. Change password

58.1 ResetPasswordNew.zip

58.2 ResetPasswordSend.zip

58. Reset Password

59.1 VerifyEmail.zip

59. Verify account

60.1 legalpages.zip

60. Legal Pages

61.1 stripepages.zip

61. Stripe success and cancel pages

6. Website Fixes

1. Cookie fix and auto logout

7. Deployment

1.1 vercel.zip

1. Deploy the backend on Vercel

2.1 redirects.zip

2. Deploy the frontend on Netlify

53,700 تومان

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

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

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

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