Trang chủ

Development

Web Development

MERN Stack

Full stack MERN Blog Project: MERN Stack Blog with Dashboard

Loại khoá học: Web Development

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

50.000 VND

1.699.000 VND

Đầy Đủ Bài Giảng

Học Online Tiện Lợi

Kích Hoạt Nhanh 2-5 Phút

Thanh toán tự động

Được phép tải xuống

Mô tả

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!

Bạn sẽ học được gì

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.

Yêu cầu

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.

Nội dung khoá học

16 sections

Introduction, preview and Installation

2 lectures

Overview of the project

05:09

Install React.js and Tailwind CSS and create the first template

12:04

Pages and routes and header component

2 lectures

Create pages and routes

07:41

Create Header components

24:31

Create the server and connect to the database

4 lectures

Create and run the server

07:40

Connect to the database

11:41

Create user model

05:54

Create a test API route

07:08

Signing up the users

4 lectures

Create signup API route

17:15

Add a middleware and a function to handle errors

08:55

Create signup page UI

19:35

Add functionality to the sign up page

27:05

Footer section

1 lectures

Create and add the footer component

27:26

Signing in users

2 lectures

Create signin API route

20:06

Complete signin page functionality

08:39

Redux toolkit and Redux persist

2 lectures

Add redux toolkit

23:44

Add redux persist

10:30

Google OAuth, update header and add dark mode

3 lectures

Add Google OAuth functionality

40:38

Update header component with user data

12:09

Complete dark mode functionality

14:10

Dashboard page

10 lectures

Make the dashboard private