Full stack MERN Blog Project: MERN Stack Blog with Dashboard

Focused View

Dr. Sahand Ghavidel

18:35:34

6 View

1 - Introduction preview and Installation

1 - Introduction.mp4

02:11

2 - Overview of the project.mp4

06:00

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

12:04

2 - Pages and routes and header component

4 - Create pages and routes.mp4

07:41

5 - Create Header components.mp4

24:32

3 - Create the server and connect to the database

6 - Create and run the server.mp4

07:40

7 - Connect to the database.mp4

11:41

8 - Create user model.mp4

05:54

9 - Create a test API route.mp4

07:08

4 - Signing up the users

10 - Create signup API route.mp4

17:15

11 - Add a middleware and a function to handle errors.mp4

08:55

12 - Create signup page UI.mp4

19:35

13 - Add functionality to the sign up page.mp4

27:05

5 - Footer section

14 - Create and add the footer component.mp4

27:26

6 - Signing in users

15 - Create signin API route.mp4

20:06

16 - Complete signin page functionality.mp4

08:39

7 - Redux toolkit and Redux persist

17 - Add redux toolkit.mp4

23:44

18 - Add redux persist.mp4

10:30

8 - Google OAuth update header and add dark mode

19 - Add Google OAuth functionality.mp4

40:38

20 - Update header component with user data.mp4

12:10

21 - Complete dark mode functionality.mp4

14:10

9 - Dashboard page

22 - Make the dashboard private.mp4

05:10

23 - Complete sidebar of the dashboard.mp4

21:29

24 - Complete profile page UI.mp4

15:09

25 - Complete user image upload functionality.mp4

43:24

26 - Add update user API route.mp4

29:12

27 - Complete update user profile page functionality.mp4

28:30

28 - Add delete user API route.mp4

06:57

29 - Complete delete user account functionality.mp4

17:48

30 - Add signout functionality.mp4

16:10

31 - Add admin functionality to the user.mp4

10:37

10 - Create and update a post

32 - Complete create a post page UI.mp4

32:12

33 - Add create a post API route.mp4

21:33

34 - Complete upload post image functionality.mp4

18:50

35 - Complete create post functionality.mp4

14:29

36 - Add posts section to the dashboard.mp4

08:13

37 - Create get posts API route.mp4

18:28

38 - Show user posts inside dashboard.mp4

26:24

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

07:48

40 - Add delete post functionality to the dashboard.mp4

12:42

41 - Add update post functionality.mp4

18:57

11 - Dashboard page users section

42 - Create get users API route.mp4

10:44

43 - Show users to the admin dashboard.mp4

21:20

44 - Add delete user functionality to the admin user.mp4

06:12

12 - Post page

45 - Complete post page functionality.mp4

37:10

46 - Add call to action to the post page.mp4

14:37

47 - Add comment section to the post page.mp4

39:50

48 - Show the comments of a post.mp4

33:17

49 - Add like functionality to the comment component.mp4

27:14

50 - Add edit functionality to the comment component.mp4

23:21

51 - Add delete functionality to the comment section.mp4

16:16

52 - Add recent article section to the post page.mp4

30:56

13 - Dashboard page comments section and overview

53 - Add comments section to the admin dashboard.mp4

24:08

54 - Add dashboard overview to the admin dashboard.mp4

43:32

14 - Home page

55 - Complete the home page.mp4

18:43

15 - Search about and projects pages

56 - Complete search page.mp4

54:09

57 - Complete about and projects pages.mp4

08:10

16 - Deployment

58 - Deploy to Render.mp4

16:49

Description

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

What You'll Learn?

Create a new blog app step by step using the latest MERN stack technologies.
Master email, password, and OAuth authentication with JWT for secure user access.
Learn how to keep user access safe by mastering email, password, and OAuth authentication using JWT.
Allow users to easily create, update, and delete property listings with the ability to perform basic operations like adding, editing, and removing items.
Add a smart search function to your project with filters and sorting choices. Make sure to fine-tune MongoDB queries for better performance.
Create a user-friendly profile management system that includes the ability to upload profile images and securely delete accounts. Implement JWT cookie validatio
Discover how to deploy your MERN blog app on the 'Render' platform, getting it ready to showcase in your portfolio or share it with the public.
Enhance your Reactjs skills by practicing dynamic routing, managing state with Redux Toolkit, and integrating third-party APIs such as Google OAuth.
Keep yourself informed about the latest industry trends by incorporating React Router Dom and Tailwind CSS into your frontend development practices.
Make use of Firebase Storage to efficiently handle images, allowing users to easily upload and manage property images without hassle.

Who is this for?

This course is designed for individuals who want to become proficient in the MERN stack and create a blog app starting from the ground up.

This course is tailored for React enthusiasts who are eager to enhance their skills through engaging in complex real-world projects.

For developers looking to broaden their skill set with authentication, Redux, and advanced MongoDB usage, this course is an excellent choice.

This course is ideal for students and hobbyists who are looking for a challenging, hands-on project to elevate their web development expertise.

What You Need to Know?

Before diving into this topic, learners should have a basic grasp of JavaScript, including knowledge of variables, functions, and basic syntax.

Having some previous experience with Reactjs would be beneficial, as the course explores advanced React concepts and best practices.

It will be helpful to have a basic understanding of web development concepts such as HTML, CSS, and web architecture.

Learners should feel comfortable using a text editor or integrated development environment (IDE) for writing code.

More details

Description
Get ready for an exciting journey into the world of modern web development! Our course, "Full stack MERN Blog Project: MERN Stack Blog with Dashboard" is designed to guide you from the basics to creating a fully functional MERN (MongoDB, Express.js, React, and Node.js) stack blog.

Whether you're an aspiring full-stack developer, a React enthusiast, or someone looking to expand your web development skills, this course has you covered. Here's what you can expect:

1. Comprehensive MERN Stack Mastery: We start from the basics, guiding you through essential tool installations like React.js and Tailwind CSS for a strong foundation.

2. Advanced Authentication: Learn to implement email and password authentication using JSON Web Tokens (JWT), and seamlessly integrate Google OAuth for a smooth login experience.

3. Real-world CRUD Operations: Master Create, Read, Update, and Delete (CRUD) operations with hands-on experience in managing property listings using MongoDB.

4. User-friendly Features: Enhance user experience by allowing effortless creation and management of property listings, including the ability to upload and modify multiple images.

5. Advanced Search Functionality: Implement a modern search feature that allows users to filter listings by title, apply sorting options, and efficiently limit search results using cutting-edge MongoDB techniques.

6. Admin Dashboard: Implement a modern admin dashboard to see the recent users, comments and posts plus taking a full control over them.

7. Deployment Made Easy: Learn how to deploy your fully functional MERN stack blog application for free using the 'render' platform.

Prerequisites:
A basic understanding of JavaScript and React is recommended, but if you're excited about building a blog app and diving into full-stack development, you're more than ready to get started.

Join us on this immersive journey to master the MERN stack, JWT authentication, Firebase integration, Google OAuth, and more. By the end of the course, you'll not only have a fully functional blog app but also the skills to boost your web development career. Enroll now and let's embark on this exciting learning adventure together!
Who this course is for:
This course is designed for individuals who want to become proficient in the MERN stack and create a blog app starting from the ground up.
This course is tailored for React enthusiasts who are eager to enhance their skills through engaging in complex real-world projects.
For developers looking to broaden their skill set with authentication, Redux, and advanced MongoDB usage, this course is an excellent choice.
This course is ideal for students and hobbyists who are looking for a challenging, hands-on project to elevate their web development expertise.

User Reviews

Rating

average 0

Total votes0

Focused display

Sahand Ghavidel holds degrees in Mathematics, Electrical, and Computer Science, and earned a doctoral degree from Faculty of Engineering and IT, University of Technology Sydney. Sahand has researched for more than 10 years about artificial algorithms and optimization. He has won several awards for his outstanding research and has published more than 40 ISI journals and attended to many international conferences. The number of people using and citing Sahand's publications is significantly high which is more than 1600 citations, according to google scholar (April, 2021). He was also awarded the outstanding reviewer in the international journal called "International Journal of Electrical Power & Energy Systems" with CiteScore of 5.79 in recognition of his contributions added to the quality of the journal. Sahand has more than 15 years of programming experience. The first programming language he learned was visual basic when he was just 12 years old. Since then, he has made hundreds of websites, and apps with different programming languages like JavaScript and Python.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.