Free Download Full Stack Mern Blog Project - Mern Stack Blog With Dashboard
Published 12/2023
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 13.01 GB | Duration: 18h 34m
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.
Requirements
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.
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!
Overview
Section 1: Introduction, preview and Installation
Lecture 1 Introduction
Lecture 2 Overview of the project
Lecture 3 Install React.js and Tailwind CSS and create the first template
Section 2: Pages and routes and header component
Lecture 4 Create pages and routes
Lecture 5 Create Header components
Section 3: Create the server and connect to the database
Lecture 6 Create and run the server
Lecture 7 Connect to the database
Lecture 8 Create user model
Lecture 9 Create a test API route
Section 4: Signing up the users
Lecture 10 Create signup API route
Lecture 11 Add a middleware and a function to handle errors
Lecture 12 Create signup page UI
Lecture 13 Add functionality to the sign up page
Section 5: Footer section
Lecture 14 Create and add the footer component
Section 6: Signing in users
Lecture 15 Create signin API route
Lecture 16 Complete signin page functionality
Section 7: Redux toolkit and Redux persist
Lecture 17 Add redux toolkit
Lecture 18 Add redux persist
Section 8: Google OAuth, update header and add dark mode
Lecture 19 Add Google OAuth functionality
Lecture 20 Update header component with user data
Lecture 21 Complete dark mode functionality
Section 9: Dashboard page
Lecture 22 Make the dashboard private
Lecture 23 Complete sidebar of the dashboard
Lecture 24 Complete profile page UI
Lecture 25 Complete user image upload functionality
Lecture 26 Add update user API route
Lecture 27 Complete update user profile page functionality
Lecture 28 Add delete user API route
Lecture 29 Complete delete user account functionality
Lecture 30 Add signout functionality
Lecture 31 Add admin functionality to the user
Section 10: Create and update a post
Lecture 32 Complete create a post page UI
Lecture 33 Add create a post API route
Lecture 34 Complete upload post image functionality
Lecture 35 Complete create post functionality
Lecture 36 Add posts section to the dashboard
Lecture 37 Create get posts API route
Lecture 38 Show user posts inside dashboard
Lecture 39 Add show more functionality to the posts results of the dashboard
Lecture 40 Add delete post functionality to the dashboard
Lecture 41 Add update post functionality
Section 11: Dashboard page (users section)
Lecture 42 Create get users API route
Lecture 43 Show users to the admin dashboard
Lecture 44 Add delete user functionality to the admin user
Section 12: Post page
Lecture 45 Complete post page functionality
Lecture 46 Add call to action to the post page
Lecture 47 Add comment section to the post page
Lecture 48 Show the comments of a post
Lecture 49 Add like functionality to the comment component
Lecture 50 Add edit functionality to the comment component
Lecture 51 Add delete functionality to the comment section
Lecture 52 Add recent article section to the post page
Section 13: Dashboard page (comments section and overview)
Lecture 53 Add comments section to the admin dashboard
Lecture 54 Add dashboard overview to the admin dashboard
Section 14: Home page
Lecture 55 Complete the home page
Section 15: Search, about and projects pages
Lecture 56 Complete search page
Lecture 57 Complete about and projects pages
Section 16: Deployment
Lecture 58 Deploy to Render
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.
Homepage
Code:
Bitte
Anmelden
oder
Registrieren
um Code Inhalt zu sehen!
Recommend Download Link Hight Speed | Please Say Thanks Keep Topic Live
Code:
Bitte
Anmelden
oder
Registrieren
um Code Inhalt zu sehen!