Chat Application Using MERN STACK & SocketIO

• don't forget to leave a star ! :)

Authors

• Abdullah Moiz
• YassineAzedine

Features

• Login ✔
• Register ✔
• Private (1 v 1 Chat) ✔
• Detect Typing and display user name ✔
• group Chat ✔
• Add people to group ✔
• Remove people from group ✔
• online user Detection ✔
• Send Emoji ✔
• Dark & Light Mode ✔

Technologies

• React + vite
• Node js
• mongoDB
• socket.io
• redux toolkit

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

ConnectionUrl = Your MongoDB Connection String JWT_SECREAT = your secure secreat key

Screenshots

Login

Register

Main Page

Groups

Create Groups

New Group Added

Admin Can Delete group

Delete Messages from ME

Typing Detection in both Group and One - One Chat

Search Groups / Search Users

Online User Detection