chatApp

A FullStack React app [MERN]

# App Link

https://chatapp-karthee.netlify.app

User Credentials for App-Demo

Click here to Get APP DEMO User Credentials

Backend Repo Link

Express(NODEjs) and Socket.io server with mongodb - https://github.com/kar-thee/chatApp-server

App Features

1. Private Chat

2. Group Chat

3. Provide Notifications if chatBox not active or show instant message if chatBox is active

4. Watch Online Users

5. Search Users

6. Get User Profile Info

7. Get Chat Profile Info

chatApp - everything to know

Built with Mui 5 + React Hooks

Global State Store managed with context and useReducer along with custom Hooks

App is completely Responsive with ChatLayout helps in changing ChatBox and ChatSideBar

This app enables Real Time communication using Socket.io(WebSockets and http long Polling)

Message loading to the ChatBox and Notification System has been Implemented

Search User Feature is implemented for Partial and Full Text Search with MongoDB Text Search and Regex

Extras

Design Inspiration from FB,Telegram,Discord and whatsapp

App Feature Inspiration from all popular chatApplications

Many small components like chatMessageTail,chatScrollbar,Profile-Avatar svgs are borrowed from whatsapp web

Chat scroll to bottom enabled with useRef + scrollIntoView