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

The MERN Stack Blogify Project: Web Development [2023]

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

Harnessing MongoDB, Express.js, React.js, and Node.js for Powerful Web Applications


1. LIVE DEMO
  • 1. Project Live Demo
  • 2. Project Features
  • 3. Live Link Preview.html

  • 2. HOW TO TAKE THIS COURSE & RESOURCES IMPORTANT !!
  • 1.1 Templates.zip
  • 1. How to take this course.html

  • 3. GETTING STARTED BACKEND
  • 1. Setting Up The Environment
  • 2. VSCODE Customisation
  • 3. Folder Structure
  • 4. MVC Explained
  • 5. Create Express Server
  • 6. Final Source Codes.html

  • 4. DATA MODELLING-BACKEND
  • 1. Data Structure
  • 2. Creating Github Branch for data modelling
  • 3. User Data Modelling
  • 4. Post Data Modelling
  • 5. Category And Comment Modelling

  • 5. AUTHENTICATION & AUTHORISATION-BACKEND
  • 1. Authentication & Authorisation Overview
  • 2. How JSON WEB TOKEN (JWT) Works
  • 3. Exploring More About JWT
  • 4. Dummy User Registration Controller
  • 5. Installing Postman
  • 6. Connect to MongoDB Database
  • 7. Create MongoDB Connection String
  • 8. Installing Nodemon and VSCODE MongoDB Extension
  • 9. User Registration
  • 10. Hash User Password
  • 11. Login User
  • 12. Generate Token
  • 13. Dummy Profile Controller
  • 14. Is Login Middleware Logic Implementation
  • 15. Get Token From Request Header
  • 16. Verify Token
  • 17. Save User into Request Object
  • 18. Get User Profile Controller Improved

  • 6. ERROR HANDLING-BACKEND
  • 1. Global Error Handler Middleware
  • 2. Catch Async Errors
  • 3. Refactored Error Handlers

  • 7. POST CATEGORIES API-BACKEND
  • 1. Create Category and Modified isLogin Middleware
  • 2. Fetch All Categories
  • 3. Delete and Update Category

  • 8. POSTMAN CONFIGURATIONS-BACKEND
  • 1. Environment In Postman
  • 2. Environment Variables in NodeJS(dotenv)

  • 9. POST AND COMMENT CONTROLLER-BACKEND
  • 1. Create Post Controller
  • 2. Delete, Update Fetch Single And All Post Controllers
  • 3. Create Comment Controller and Populate Post Comments
  • 4. Update And Delete Comment

  • 10. BLOCKING AND UNBLOCKING, FOLLOWING UNFOLLOWING CONTROLLERS-BACKEND
  • 1. Blocking User Controller
  • 2. User Blocking Router and Fixed User Blocking Bug
  • 3. Unblocking User Controller
  • 4. Who view My Profile Controller
  • 5. User Following Logic
  • 6. User Following Controller
  • 7. Fixed Following Controller
  • 8. Unfollow User Controller

  • 11. FORGOT AND PASSWORD RESET-BACKEND
  • 1. Password Reset Logic
  • 2. Email Sending Using Nodemailer utility Function
  • 3. App Passowrd for Gmail Account
  • 4. Forgot Password Controller
  • 5. Trying Forgot Password Controller
  • 6. Forgot Password
  • 7. Password Reset Controller

  • 12. ACCOUNT VERIFICATION BACKEND
  • 1. Account Verification Logic
  • 2. Account Verification Controller
  • 3. Account Verification Route
  • 4. Account Verification
  • 5. Is Account Verified Middleware

  • 13. POST LIKES AND DISLIKES CONTROLLERS BACKEND
  • 1. Post Like Controller
  • 2. Post Like Route
  • 3. Disliking a Post Controller

  • 14. POST CLAPS AND SCHEDULING CONTROLLERS BACKEND
  • 1. Post Claps controller
  • 2. Schedule Post Controller
  • 3. Schedule Post Route

  • 15. HIDING AND SHOWING POSTS
  • 1. Hiding Scheduled and Hide Posts if Login User is Blocked Logic
  • 2. Hiding Posts From Blocked Users Controller
  • 3. Hide Scheduled Posts Controller
  • 4. Populating MongoDB IDs
  • 5. Fixed Profile Controller

  • 16. FILE UPLOAD CONTROLLER BACKEND
  • 1. File Upload Middleware
  • 2. Create Post With Image
  • 3. Profile Image Upload

  • 17. USER AUTHENTICATION & AUTHORISATION FRONTEND
  • 1. Create React Application
  • 2. Install Tailwindcss
  • 3. Configure React Router DOM
  • 4. Rendering HomePage Component
  • 5. Render Login Form
  • 6. Install Redux Toolkit and Create Login Action
  • 7. User Login Action Slice and Reducer
  • 8. Configure Redux Store and Install DevTool Extension
  • 9. Dispatch Login Action
  • 10. Fixed Cors Error
  • 11. Save Login User Into LocalStorage
  • 12. Error-Success-Loading Components
  • 13. Display Loading, Error, and Success Message Upon Login
  • 14. Redirect User After Login And Display User Profile Component
  • 15. Display Public Navbar
  • 16. Display Private Navbar
  • 17. Conditionally Display Navbar
  • 18. Logout User
  • 19. Protected Component
  • 20. Modified User Registration API
  • 21. Register User
  • 22. Display Loading Error Upon Registration
  • 23. Global Action Logic
  • 24. Avoiding The Annoying Popups

  • 18. WORKING ON POST FRONTEND
  • 1. Fetch Public Posts Action
  • 2. Fetch Public Posts
  • 3. Display Post Categories in React Select Component
  • 4. Fetch All Categories
  • 5. Handle Image Form Input
  • 6. Dispatch Action To Create Post
  • 7. Display Error, Loading, and Success when creating Post
  • 8. Client Side Post Validation
  • 9. Private Navbar Profile Link and Post Details Component
  • 10. Post Details Action
  • 11. Post Statistics
  • 12. Post Days Ago and Reading Time
  • 13. Displaying Private Posts
  • 14. Prevent User From Deleting Any Post-Backend
  • 15. Prevent User From Deleting Any Post-Frontend
  • 16. Post Deleting Frontend
  • 17. Change Logo And Avoid Success Popups for post
  • 18. Post Details Page Improved
  • 19. Private Posts Improved
  • 20. Render Post Update Form
  • 21. Update Post Endpoint To Support Image Update
  • 22. Avoid Popups when Creating Post
  • 23. Update Post Frontend
  • 24. Liking of a Post
  • 25. Disliking Post
  • 26. Display Post Clapping Icon and Modified Post API
  • 27. Avoid Reloading when a post is Liked or Disliked
  • 28. Post Clapping
  • 29. Post Views Controller-Backend
  • 30. Post Views Count Frontend

  • 19. POST COMMENTS FRONTEND
  • 1. Rendering Comment Form
  • 2. Comment Action
  • 3. Dispatch Comment Action
  • 4. Display Comment Lists
  • 5. Reload After comment is Created

  • 20. USER PROFILE FRONTEND
  • 1. Public Profile Controller
  • 2. Render User Profile Component and Modified Post Views Controller
  • 3. Modified Public Profile Controller
  • 4. User Public Profile Action
  • 5. Display User Public Profile Data
  • 6. Display Users Posts

  • 21. USER BLOCKING & UNBLOCKING FRONTEND
  • 1. User Blocking Another User Action
  • 2. User UnBlocking Another User
  • 3. Conditionally showing block and unblock user button Logic
  • 4. User Private Profile
  • 5. Conditionally showing block and unblock user button
  • 6. Trying Blocking and Unblocking User Logic

  • 22. FOLLOWING & UNFOLLOWING
  • 1. Following and Unfollowing User
  • 2. Private User Profile Details
  • 3. Display User followers and Posts

  • 23. PROFILE & COVER IMAGE UPLOAD FRONTEND
  • 1. Profile and Cover Image Upload Controller - Backend
  • 2. Profile and Cover Image Upload Actions
  • 3. Upload User Profile Image
  • 4. Upload User Cover Image
  • 5. Fixed Profile Picture on the Navbar

  • 24. USER ACCOUNT VERIFICATION FRONTEND
  • 1. Check if user account is verified
  • 2. Show warning If User Account is Not Verified
  • 3. Dispatch Account Verification Action
  • 4. Avoid Automatically Logging Out And Display Success when email is sent
  • 5. Account Verification Logic
  • 6. Rendering Account Verification Component
  • 7. Dispatch Account Verification Action

  • 25. PASSWORD RESET & FORGOT PASSWORD FRONTEND
  • 1. Password Reset Action
  • 2. Dispatch Password Reset Action
  • 3. Password Reset Error And Success Message
  • 4. Render Password Reset Form
  • 5. Dispatch Action To Reset Password
  • 6. Password Reset Loading, Error & Success

  • 26. USER PROFILE UPDATE FRONTEND
  • 1. Update User Profile API-Backend
  • 2. Render Update User Profile Component
  • 3. Dispatch Action To Update User Profile
  • 4. Display Profile Update Loading, Error & Success

  • 27. PAGINATION, FILTERING AND SEARCHING OF POST FRONTEND
  • 1. Filter Post By Category
  • 2. Search Post by Title - Backend
  • 3. Post Pagination Backend
  • 4. Post Pagination Frontend
  • 5. Searching Functionality Frontend
  • 6. Filtering Post By Category
  • 7. Render Schedule Post Component
  • 8. Dispatch Action To Schedule Post

  • 28. FURTHER RESOURCES
  • 1. Further resources.html

  • 29. WHAT NEXT
  • 1. Whats next.html
  • 139,000 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    افزودن به سبد خرید
    خرید دانلودی فوری

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

    ایمیل شما:
    تولید کننده:
    شناسه: 17260
    حجم: 10205 مگابایت
    مدت زمان: 1044 دقیقه
    تاریخ انتشار: ۱۳ مرداد ۱۴۰۲
    طراحی سایت و خدمات سئو

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