Skip to content

This project is a real-time chat web application that enables users to connect, communicate, and create group chats. It includes core features for user account management, friend connections, and interactive messaging in individual and group settings.

Notifications You must be signed in to change notification settings

roushan-code/Chat-App-Frontend

Repository files navigation

Chat-App

Full-Stack Chat App with Admin Dashboard.

  • Loading Time: Loading Time may be around 50s due to render platfrom disclaimer.

Render Disclaimer 

Visit Now 🚀

Demo

Demo 

🖥️ Tech Stack

Frontend:

reactjs  react-router  redux  mui  chart-js 

Backend:

nodejs  socket.io  expressjs  mongodb  jwt 

Cloud Storage: Cloudinary

🚀 Features

**User Account **

  • Login/Signup: 🚪 Users can create an account or log in to an existing one.

Search & Send Friend Request

  • Search🔍: By Clicking on search button at the navbar, User can search another user name who has already created an account at this website.
  • Send Request: After searching if user exist then user can view profile name & DP and also can send friend request by clicking on Add button.

Notifications

  • Friend Request Notifications: User can click on Notifications icon at the navbar to view all Friend Request that is sent to him/her.

Individual Chat

  • Chat with Friend: User can chat with friend.

Message Component

  • Message: User can send text messages, audio, video and Img files to their friends. ***Maximum file size 5Mb.
  • Real time Communication

Create Groups

  • Groups👨‍👩‍👧‍👧: An user can create a group.
  • Member limitation: A Group must have at least three member to create a group. maximum member is 100.

Groups Management

  • Manage Groups: An Admin can manage all the groups that is created by him/her.
  • Add/Remove Members: Admin can add as well as remove members from a group.
  • Delete Group: Admin can delete group that is created by him/her.

Logout

  • User can logout by clicking on logout button.

Sneak Peek of Admin Dashboard 🙈 :

Capture

mockup mockups

Admin Dashboard

Capture

📬 Contact

Feel free to reach me through the below handles if you'd like to contact me.

linkedin instagram

About

This project is a real-time chat web application that enables users to connect, communicate, and create group chats. It includes core features for user account management, friend connections, and interactive messaging in individual and group settings.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages