Mern Stack Real Time Chat App - React , Node , Socket Io

Build a Real Time Chat Application With React , Node , Socket IO

What you'll learn

React

Node

Express

Socket IO

Requirements

Javascript Basic

Description

Hi Guys, Welcome to the course 'MERN Stack  Real Time Chat Application'In this course, you will learn the following topicsBuilding full-stack real-world applications from scratchWorking with complex MongoDB, queries, schemas, modelsWorking with Socket IODetailed explanation about Socket IOOne-to-one conservationReal-time messaging with the socket roomsGet the user's online status and activityGet real-time notifications for messagesRead receipts and clear unread messages after reading.Typing animation on the receiver side when the sender starts typing the message.Storing all the messages and chats data in Mongo dBPushing Code to GitHub,Hosting application in Heroku24/7 Q/A Support.MERN stands for MongoDB, Express, React, and Node, after the four key technologies that make up the stack.MongoDB - document databaseExpress(.js) - Node.js web frameworkReact(.js) - a client-side JavaScript frameworkNode(.js) - the premier JavaScript web serverExpress and Node make up the middle (application) tier. Express.js is a server-side web framework and Node.js is the famous and powerful JavaScript server platform. Regardless of which variant you choose, ME(RVA)N is the ideal approach to working with JavaScript and JSON, all the way through.React is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual developers and companies.Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser designed to build scalable network applications.

Overview

Section 1: Introduction

Lecture 1 Introduction

Section 2: Front End Setup

Lecture 2 Tailwind CSS Setup

Lecture 3 Folder Structure

Section 3: Register and Login UI

Lecture 4 Registration Screen

Lecture 5 Login Screen

Section 4: Backend Setup

Lecture 6 Node JS Setup

Lecture 7 Node Mongo Connection

Full Stack Developers