Build a Full-Stack MERN Blog Website with Admin Dashboard

Build a Full-Stack MERN Blog Website with Admin Dashboard, available at $54.99, has an average rating of 5, with 68 lectures, based on 2 reviews, and has 152 subscribers.

You will learn about Build frontend with React Js, Tailwind CSS, Redux, Redux RTK Quary toolkit Build backend with Node, Express js, MongoDB, Mongoose, JWT(JSON Web Tokens), bcryptjs and more Build an entire project from scratch! Learn how to implement Authentication & Authorization Make blog page editor feature to create or update blog Admin dashboard pannel to manage blogs, users, and everything This course is ideal for individuals who are Freshers who want to get hired as an intern or full-time role. or Junior developer who wants to bring his skill to the next level or Using basic React js knowledge who want learn how to build a fullstack app or Advanced React developers who are interested in connecting React apps to Node/ Express It is particularly useful for Freshers who want to get hired as an intern or full-time role. or Junior developer who wants to bring his skill to the next level or Using basic React js knowledge who want learn how to build a fullstack app or Advanced React developers who are interested in connecting React apps to Node/ Express.

Enroll now: Build a Full-Stack MERN Blog Website with Admin Dashboard

Summary

Title: Build a Full-Stack MERN Blog Website with Admin Dashboard

Price: $54.99

Average Rating: 5

Number of Lectures: 68

Number of Published Lectures: 67

Number of Curriculum Items: 68

Number of Published Curriculum Objects: 67

Original Price: ₹799

Quality Status: approved

Status: Live

What You Will Learn

Build frontend with React Js, Tailwind CSS, Redux, Redux RTK Quary toolkit
Build backend with Node, Express js, MongoDB, Mongoose, JWT(JSON Web Tokens), bcryptjs and more
Build an entire project from scratch!
Learn how to implement Authentication & Authorization
Make blog page editor feature to create or update blog
Admin dashboard pannel to manage blogs, users, and everything

Who Should Attend

Freshers who want to get hired as an intern or full-time role.
Junior developer who wants to bring his skill to the next level
Using basic React js knowledge who want learn how to build a fullstack app
Advanced React developers who are interested in connecting React apps to Node/ Express

Target Audiences

Freshers who want to get hired as an intern or full-time role.
Junior developer who wants to bring his skill to the next level
Using basic React js knowledge who want learn how to build a fullstack app
Advanced React developers who are interested in connecting React apps to Node/ Express

Are you ready to take your web development skills to the next level? In this course, we’ll build a full-stack MERN blog website, a real-world project valued at $250 on Upwork. Whether you’re a beginner or an experienced developer, this course will guide you through creating a powerful, feature-rich blog platform from scratch.

What You’ll Learn

Frontend Development:

React: Master the fundamentals and advanced concepts of React.
Tailwind CSS: Style your application efficiently with this utility-first CSS framework.
Redux & Redux RTK Query Toolkit: Manage state and handle API requests seamlessly.
Login & Registration: For login and registration will generate token and set it to cookies.
Role-Based Dashboard: We will implement private routing to give access based on user role.

Backend Development:

Node.js & Express.js: Set up a robust backend server.
MongoDB & Mongoose: Work with a NoSQL database and an elegant object data modeling library.
JWT Authentication: Implement secure authentication and authorization.
Bcrypt: Ensure user password security with hashing techniques.
MVC Architecture Pattern:We will follow the Model, the View, and the Controller architecture pattern to structure our backend project

Admin Dashboard:

Admin Panel: Create an admin dashboard to post, manage, and update blogs.
User Management: Control user access and manage overall functionality.

Course Highlights

Real-World Project: Build a project that can be sold or showcased in your portfolio.
Comprehensive Learning: Gain hands-on experience with both frontend and backend technologies.
Step-by-Step Guidance: Follow detailed instructions and best practices.
Admin Functionality: Learn to create and manage an admin panel for complete control over your application.

Why Take This Course?

This course offers a complete, in-depth look at modern web development using the MERN stack. By the end, you’ll have a fully functional blog website and the skills to build and manage your own web projects. Plus, you’ll gain insights into best practices for both frontend and backend development, making you a versatile and valuable developer in today’s job market.

Join us on this exciting journey to become a proficient full-stack developer. Enroll now and start building your professional blog website today!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Before You Get Started

Lecture 3: Install node js

Lecture 4: Install VS Code on Windows/PC

Lecture 5: Connect MongoDB and Mongoose

Chapter 2: Backend Development

Lecture 1: Basic Express Js Server Setup

Lecture 2: Dotenv and cors

Lecture 3: Create A Blog Model using mongoose

Lecture 4: Basic Blog Routes Setup and Testing

Lecture 5: Download Postman and Test API

Lecture 6: Post a Blog to Database Collection

Lecture 7: Get all Blogs from Database

Lecture 8: Search and Category Filtering using query

Lecture 9: Get a Single Blog by id

Lecture 10: Update a Blog Post

Lecture 11: Delete a Blog Post

Lecture 12: Get all Related Blogs (exclude the current blog)

Lecture 13: Create a Model for Comment

Lecture 14: Post a New Comment

Lecture 15: Get all the Comments Count using countDocuments() method

Lecture 16: Modify the blog routes for single post and delete post

Chapter 3: Authentication and Authorization

Lecture 1: Create a User Model

Lecture 2: Register as A User

Lecture 3: How to Hash Password using bycrpt

Lecture 4: Login as a User using email and password

Lecture 5: Generate JWT token using middleware

Lecture 6: Logout a user

Lecture 7: Get all Users from DB

Lecture 8: Delete a User from db

Lecture 9: Update a User Role

Lecture 10: Refactor Blog Routes and Model

Lecture 11: VerifyToken Middleware for Securing Private Routes

Lecture 12: isAdmin Verification when Posting, Updating and Deleting Blog

Lecture 13: Upload Blogs data to Mongodb

Chapter 4: Get Started with Frontend Development

Lecture 1: Setup a React Project using Vite

Lecture 2: Install and Configure Tailwind CSS

Lecture 3: Customize theme and Colors

Lecture 4: React Router DOM setup

Lecture 5: Project Structure and Outlet

Lecture 6: Create Navbar Component

Lecture 7: Make Navbar Mobile Responsive

Lecture 8: Hero Section with Swiper js

Lecture 9: Create Blog and Search Component

Lecture 10: Redux and redux toolkit setup

Lecture 11: Fetch Data and Show on Blog card

Lecture 12: Single Blog API and Route Setup

Lecture 13: Blog Details Content page

Lecture 14: Comment Card component

Lecture 15: Post A Comment section

Lecture 16: part-16-related blog section

Chapter 5: Auth, User Login, Register and Comment Funtionality

Lecture 1: Create Login and Register page

Lecture 2: Auth Api Setup

Lecture 3: Login Funtionality and Get token on Browser Cookies

Lecture 4: Modify and Show User profile on Navbar

Lecture 5: Create Comment API and Post Comment after Login

Lecture 6: Modify Blog API

Chapter 6: Superb Admin Dashboard

Lecture 1: Create your Admin Dashboard

Lecture 2: Admin Navigation Routes and Page setup

Lecture 3: Setup Private Routes

Lecture 4: Admin Dashboard Page

Lecture 5: Blog Graph Chart design using recharts

Lecture 6: Add New Blog Post from Dashboard

Lecture 7: Manage Blog Post

Lecture 8: Update Blog Post

Lecture 9: Manage User and Update User Role

Chapter 7: Project Deployment

Lecture 1: How to Run Your Project

Lecture 2: How to Deploy Your Project on Vercel

Instructors

Md Al Mamun
Entrepreneur and Teacher(EAT)

Rating Distribution

1 stars: 0 votes
2 stars: 0 votes
3 stars: 0 votes
4 stars: 0 votes
5 stars: 2 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu