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

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
  • 139,000 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    افزودن به سبد خرید
    خرید دانلودی فوری

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

    ایمیل شما:
    تولید کننده:
    مدرس:
    شناسه: 34797
    حجم: 15894 مگابایت
    مدت زمان: 1863 دقیقه
    تاریخ انتشار: ۱۱ اردیبهشت ۱۴۰۳
    دیگر آموزش های این مدرس
    طراحی سایت و خدمات سئو

    139,000 تومان
    افزودن به سبد خرید