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

53,700 تومان

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

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

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

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