Group Chat Application Using Mern Stack ,Socket IO

frontend/

backend/

It is a website where you can create an account and create groups with a participants limit and can join groups and can also leave the group

Note:

Kindly note this change:open git bash in backend folder and run npm install followed by nodemon index.js

I have built this website using technologies like Reactjs, CSS for the front end, Nodejs, Expressjs for the backend, MongoDB for storing data, and Socket IO for live chatting. I also used Axios for communication between the front end and the back end.

About Website:

On the home page, If you are a new user you will be asked to create an account, or if you already have an account you can sign in. On signing in you will be taken to the user's dashboard where your joined groups are displayed by clicking on them you will be taken to the chat room. You can also have two options create a room, and join a room on the user's dashboard by clicking on them you can create or join a room.

If you are the admin of the group then you will be given some special options like you can edit the group name and password, you can view participants, you can remove participants, you can also delete the group. If you are a participant then you can send messages, receive messages, and can also exit the group.

How to run:

1. Go to the frontend folder and open git bash there and run

npm install

npm start

2. Go to the backend folder and open git bash there and run

npm install

npm start

Screenshots of the project: