The MERN Stack Blogify Project: Web Development

Harnessing MongoDB, Specific.js, React.js, and Node.js for Highly effective Net Functions

What you’ll study

Consumer Authentication: Discover ways to implement safe consumer registration and login processes utilizing methods like password hashing and JSON Net Tokens.

File Add: Perceive how one can enable customers to add information like profile photos or submit attachments securely and effectively.

Consumer Relationships: Be taught to implement social options corresponding to following and unfollowing different customers

Consumer Blocking: Implement a blocking and unblocking system, permitting customers to handle who can work together with them or see their content material.

Publish Scheduling: Achieve information on how one can implement submit scheduling, enabling customers to create content material that can be robotically revealed at a specified future

Consumer Profile: Be taught to create a consumer profile system the place customers can view and handle their private data, posts, and social interactions.

Password Reset: Perceive the method of securely implementing password reset performance, permitting customers to recuperate their accounts after they neglect

Forgot Password: Implement a safe system to recuperate forgotten passwords, which includes sending restoration emails to customers’ registered electronic mail addresses.

Account Verification: Discover ways to implement a consumer verification system utilizing applied sciences like electronic mail verification to make sure that customers have legitimate electronic mail handle

Profile Replace: Allow customers to replace their profile data corresponding to username, electronic mail, profile image, and password.

Disguise Posts from Blocked Customers: Discover ways to modify your utility’s visibility guidelines to cover a consumer’s posts from these they’ve blocked.

Disguise Scheduled Posts: Perceive how one can successfully conceal scheduled posts out of your utility’s feed till their scheduled publishing time arrives.

Pagination: Achieve a sensible understanding of how one can implement pagination in an online utility. Discover ways to break down your information into manageable items

Filtering: Perceive the important methods of implementing information filtering.

Looking out: Grasp the method of integrating a sturdy search performance into your internet utility.

Description

Course Title: The MERN Stack Blogify Mission: Full Net Improvement Unleashed

Join our Telegram Channel Chat with us on WhatsApp

Embark on a journey to develop into a proficient full-stack developer with our complete MERN Blogify Mission Course. This course leverages the facility of MongoDB, Specific.js, React.js, and Node.js (MERN) to information you in making a fully-featured running a blog platform from scratch.

All through this immersive studying expertise, you’ll acquire hands-on experience in growing and integrating important internet utility options utilizing cutting-edge applied sciences. These embody consumer authentication, file importing, social options corresponding to following and unfollowing customers, a consumer blocking system, and submit scheduling capabilities.

You’ll discover ways to construct strong consumer profiles, full with the flexibility to replace profile data and handle user-to-user relationships. Dive deep into consumer expertise concerns and information safety as you implement password reset and account verification functionalities.

According to the ever-evolving digital world, the course additionally covers extra nuanced options like hiding posts from blocked customers and concealing scheduled posts till the predetermined publishing time arrives.

This course not solely equips you with the required coding abilities but in addition trains you in greatest practices for growth, instructing you to jot down environment friendly, maintainable code. You’ll study to troubleshoot and debug your utility successfully, deal with errors, and perceive the intricacies of deploying a MERN stack utility to the cloud.

By the top of this course, you should have constructed a fully-functional, real-world running a blog platform and be armed with the abilities to create and deploy your personal internet functions utilizing the MERN stack. Whether or not you’re an aspiring internet developer or seeking to improve your full-stack abilities, this course is designed to propel you towards your profession objectives.

Be part of us within the MERN Blogify Mission Course and harness the facility of full-stack growth to convey your revolutionary concepts to life!

English

language

Content material

LIVE DEMO

Mission Options

Mission Stay Demo

Stay Hyperlink Preview

HOW TO TAKE THIS COURSE & RESOURCES || IMPORTANT !!

Find out how to take this course

GETTING STARTED || BACKEND

Setting Up The Setting

VSCODE Customisation

Folder Construction

MVC Defined

Create Specific Server

Closing Supply Codes

DATA MODELLING-BACKEND

Information Construction

Creating Github Department for information modelling

Consumer Information Modelling

Publish Information Modelling

Class And Remark Modelling

AUTHENTICATION & AUTHORISATION-BACKEND

Authentication & Authorisation Overview

How JSON WEB TOKEN (JWT) Works

Exploring Extra About JWT

Dummy Consumer Registration Controller

Putting in Postman

Hook up with MongoDB Database

Create MongoDB Connection String

Putting in Nodemon and VSCODE MongoDB Extension

Consumer Registration

Hash Consumer Password

Generate Token

Dummy Profile Controller

Is Login Middleware Logic Implementation

Get Token From Request Header

Confirm Token

Save Consumer into Request Object

Get Consumer Profile Controller Improved

ERROR HANDLING-BACKEND?

World Error Handler Middleware

Catch Async Errors

Refactored Error Handlers

POST CATEGORIES API-BACKEND

Create Class and Modified isLogin Middleware

Fetch All Classes

Delete and Replace Class

POSTMAN CONFIGURATIONS-BACKEND

Setting In Postman

Setting Variables in NodeJS(dotenv)

POST AND COMMENT CONTROLLER-BACKEND

Create Publish Controller

Delete, Replace Fetch Single And All Publish Controllers

Create Remark Controller and Populate Publish Feedback

Replace And Delete Remark

BLOCKING AND UNBLOCKING, FOLLOWING UNFOLLOWING CONTROLLERS-BACKEND

Blocking Consumer Controller

Consumer Blocking Router and Mounted Consumer Blocking Bug

Unblocking Consumer Controller

Who view My Profile Controller

Consumer Following Logic

Consumer Following Controller

Mounted Following Controller

Unfollow Consumer Controller

FORGOT AND PASSWORD RESET-BACKEND

Password Reset Logic

Electronic mail Sending Utilizing Nodemailer utility Perform

App Passowrd for Gmail Account

Forgot Password Controller

Making an attempt Forgot Password Controller

Forgot Password

Password Reset Controller

ACCOUNT VERIFICATION || BACKEND

Account Verification Logic

Account Verification Controller

Account Verification Route

Account Verification

Is Account Verified Middleware

POST LIKES AND DISLIKES CONTROLLERS || BACKEND

Publish Like Controller

Publish Like Route

Disliking a Publish Controller

POST CLAPS AND SCHEDULING CONTROLLERS || BACKEND

Publish Claps controller

Schedule Publish Controller

Schedule Publish Route

HIDING AND SHOWING POSTS

Hiding Scheduled and Disguise Posts if Login Consumer is Blocked Logic

Hiding Posts From Blocked Customers Controller

Disguise Scheduled Posts Controller

Populating MongoDB IDs

Mounted Profile Controller

FILE UPLOAD CONTROLLER || BACKEND

File Add Middleware

Create Publish With Picture

Profile Picture Add

USER AUTHENTICATION & AUTHORISATION || FRONTEND

Create React Software

Set up Tailwindcss

Configure React Router DOM

Rendering HomePage Element

Render Login Type

Set up Redux Toolkit and Create Login Motion

Consumer Login Motion Slice and Reducer

Configure Redux Retailer and Set up DevTool Extension

Dispatch Login Motion

Mounted Cors Error

Save Login Consumer Into LocalStorage

Error-Success-Loading Parts

Show Loading, Error, and Success Message Upon Login

Redirect Consumer After Login And Show Consumer Profile Element

Show Public Navbar

Show Non-public Navbar

Conditionally Show Navbar

Logout Consumer

Protected Element

Modified Consumer Registration API

Show Loading Error Upon Registration

World Motion Logic

Avoiding The Annoying Popups

WORKING ON POST || FRONTEND

Fetch Public Posts Motion

Fetch Public Posts

Show Publish Classes in React Choose Element

Fetch All Classes

Deal with Picture Type Enter

Dispatch Motion To Create Publish

Show Error, Loading, and Success when creating Publish

Consumer Facet Publish Validation

Non-public Navbar Profile Hyperlink and Publish Particulars Element

Publish Particulars Motion

Publish Statistics

Publish Days In the past and Studying Time

Displaying Non-public Posts

Forestall Consumer From Deleting Any Publish-Backend

Forestall Consumer From Deleting Any Publish-Frontend

Publish Deleting Frontend

Change Brand And Keep away from Success Popups for submit

Publish Particulars Web page Improved

Non-public Posts Improved

Render Publish Replace Type

Replace Publish Endpoint To Help Picture Replace

Keep away from Popups when Creating Publish

Replace Publish Frontend

Liking of a Publish

Disliking Publish

Show Publish Clapping Icon and Modified Publish API

Keep away from Reloading when a submit is Preferred or Disliked

Publish Clapping

Publish Views Controller-Backend

Publish Views Rely Frontend

POST COMMENTS || FRONTEND

Rendering Remark Type

Remark Motion

Dispatch Remark Motion

Show Remark Lists

Reload After remark is Created

USER PROFILE || FRONTEND

Public Profile Controller

Render Consumer Profile Element and Modified Publish Views Controller

Modified Public Profile Controller

Consumer Public Profile Motion

Show Consumer Public Profile Information

Show Consumer’s Posts

USER BLOCKING & UNBLOCKING || FRONTEND

Consumer Blocking One other Consumer Motion

Consumer UnBlocking One other Consumer

Conditionally exhibiting block and unblock consumer button Logic

Consumer Non-public Profile

Conditionally exhibiting block and unblock consumer button

Making an attempt Blocking and Unblocking Consumer Logic

FOLLOWING & UNFOLLOWING

Following and Unfollowing Consumer

Non-public Consumer Profile Particulars

Show Consumer followers and Posts

PROFILE & COVER IMAGE UPLOAD || FRONTEND

Profile and Cowl Picture Add Controller – Backend

Profile and Cowl Picture Add Actions

Add Consumer Profile Picture

Add Consumer Cowl Picture

Mounted Profile Image on the Navbar

USER ACCOUNT VERIFICATION || FRONTEND

Examine if consumer account is verified

Present warning If Consumer Account is Not Verified

Dispatch Account Verification Motion

Keep away from Routinely Logging Out And Show Success when electronic mail is distributed

Account Verification Logic

Rendering Account Verification Element

Dispatch Account Verification Motion

PASSWORD RESET & FORGOT PASSWORD || FRONTEND

Password Reset Motion

Dispatch Password Reset Motion

Password Reset Error And Success Message

Render Password Reset Type

Dispatch Motion To Reset Password

Password Reset Loading, Error & Success

USER PROFILE UPDATE || FRONTEND

Replace Consumer Profile API-Backend

Render Replace Consumer Profile Element

Dispatch Motion To Replace Consumer Profile

Show Profile Replace Loading, Error & Success

PAGINATION, FILTERING AND SEARCHING OF POST || FRONTEND

Filter Publish By Class

Search Publish by Title – Backend

Publish Pagination Backend

Publish Pagination Frontend

Looking out Performance Frontend

Filtering Publish By Class

Render Schedule Publish Element

Dispatch Motion To Schedule Publish

FURTHER RESOURCES

Additional sources

WHAT NEXT?

What’s subsequent?

Enroll for Free

Follow this Video to Get Free Courses on Every Needed Topics!

Discovered It Free? Share It Quick!

The submit The MERN Stack Blogify Mission: Net Improvement appeared first on destinforeverything.com/cms.