Full stack MERN Blog Project: MERN Stack Blog with Dashboard

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

Learn full stack MERN Blog project with JWT Firebase and Google OAuth by building a MERN full Stack blog with dashboard

1 - Introduction preview and Installation

1 - Introduction

2 - Overview of the project

3 - Install Reactjs and Tailwind CSS and create the first template

2 - Pages and routes and header component

4 - Create pages and routes

5 - Create Header components

3 - Create the server and connect to the database

6 - Create and run the server

7 - Connect to the database

8 - Create user model

9 - Create a test API route

4 - Signing up the users

10 - Create signup API route

11 - Add a middleware and a function to handle errors

12 - Create signup page UI

13 - Add functionality to the sign up page

5 - Footer section

14 - Create and add the footer component

6 - Signing in users

15 - Create signin API route

16 - Complete signin page functionality

7 - Redux toolkit and Redux persist

17 - Add redux toolkit

18 - Add redux persist

8 - Google OAuth update header and add dark mode

19 - Add Google OAuth functionality

20 - Update header component with user data

21 - Complete dark mode functionality

9 - Dashboard page

22 - Make the dashboard private

23 - Complete sidebar of the dashboard

24 - Complete profile page UI

25 - Complete user image upload functionality

26 - Add update user API route

27 - Complete update user profile page functionality

28 - Add delete user API route

29 - Complete delete user account functionality

30 - Add signout functionality

31 - Add admin functionality to the user

10 - Create and update a post

32 - Complete create a post page UI

33 - Add create a post API route

34 - Complete upload post image functionality

35 - Complete create post functionality

36 - Add posts section to the dashboard

37 - Create get posts API route

38 - Show user posts inside dashboard

39 - Add show more functionality to the posts results of the dashboard

40 - Add delete post functionality to the dashboard

41 - Add update post functionality

11 - Dashboard page users section

42 - Create get users API route

43 - Show users to the admin dashboard

44 - Add delete user functionality to the admin user

12 - Post page

45 - Complete post page functionality

46 - Add call to action to the post page

47 - Add comment section to the post page

48 - Show the comments of a post

49 - Add like functionality to the comment component

50 - Add edit functionality to the comment component

51 - Add delete functionality to the comment section

52 - Add recent article section to the post page

13 - Dashboard page comments section and overview

53 - Add comments section to the admin dashboard

54 - Add dashboard overview to the admin dashboard

14 - Home page

55 - Complete the home page

15 - Search about and projects pages

56 - Complete search page

57 - Complete about and projects pages

16 - Deployment

58 - Deploy to Render

189,000 تومان

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

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

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

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