https://github.com/rishabhraikwar98/chats
A simple Real-Time MERN chat appliction.
https://github.com/rishabhraikwar98/chats
chat-application css html javascript material-design material-ui mern-stack react realtime-chat redux redux-thunk redux-toolkit socket-io
Last synced: about 1 year ago
JSON representation
A simple Real-Time MERN chat appliction.
- Host: GitHub
- URL: https://github.com/rishabhraikwar98/chats
- Owner: rishabhraikwar98
- Created: 2024-05-08T07:30:46.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-18T14:41:17.000Z (over 1 year ago)
- Last Synced: 2025-01-02T16:56:21.119Z (about 1 year ago)
- Topics: chat-application, css, html, javascript, material-design, material-ui, mern-stack, react, realtime-chat, redux, redux-thunk, redux-toolkit, socket-io
- Language: JavaScript
- Homepage: https://chats-black.vercel.app
- Size: 395 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Chats (MERN)
This project is the frontend of a real-time chat application built with MERN Stack and Socket.IO . It provides users with a seamless and interactive messaging experience similar to popular messaging platforms. Key features include real-time messaging, dynamic online status, notifications for friend requests, Search and a clean user interface.
## Demo
[Live link]("https://chats-black.vercel.app")
## Features
- Real-time Messaging: Users can send and receive messages in real time.
- Dynamic Online Status: Users' online status is dynamically updated and visible to others.
- Notifications: Real-time notifications for new messages and friend requests.
- Typing Indicator: Users can see when the other person is typing.
- Authentication: Secure login and registration using JWT.
- Profile Management: Users can update their profile information and avatar.
## Tech Stack
- React: JavaScript library for building user interfaces.
- Redux /Redux-Toolkit : State management library.
- Material-UI: React component library for faster and easier web development.
- Socket.IO: Real-time communication library.
- Moment.js: Library for parsing, validating, manipulating, and formatting dates.
- React Hot Toast: For custom notifications.
## Run Locally
Clone the project
```bash
git clone https://github.com/rishabhraikwar98/chats
```
Go to the project directory
```bash
cd chats
```
Install dependencies
```bash
npm install
```
Start the server
```bash
npm run start
```
## Related
Backend Repo
[Chats-Backend](https://github.com/rishabhraikwar98/Chats-Backend)