Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/its-shojib/real-time-chat-app-server-mern
Its a real-time-chat application where anyone can chat with users for the real-time. User can also see online user and can chat with them.
https://github.com/its-shojib/real-time-chat-app-server-mern
expressjs jwt-token mongodb nodejs react socket-io tailwindcss zustand
Last synced: about 2 months ago
JSON representation
Its a real-time-chat application where anyone can chat with users for the real-time. User can also see online user and can chat with them.
- Host: GitHub
- URL: https://github.com/its-shojib/real-time-chat-app-server-mern
- Owner: Its-Shojib
- Created: 2024-03-03T19:10:39.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-04-28T20:12:57.000Z (9 months ago)
- Last Synced: 2024-04-28T21:29:13.188Z (9 months ago)
- Topics: expressjs, jwt-token, mongodb, nodejs, react, socket-io, tailwindcss, zustand
- Language: JavaScript
- Homepage: https://real-time-chat-app-i3cm.onrender.com
- Size: 5.45 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MERN Stack Project: Build and Deploy a Real Time Chat App | JWT, Socket.io
# Live Link:
[Click here](https://real-time-chat-app-i3cm.onrender.com)![Chat-App](https://i.ibb.co/wJQw3Gb/image.png)
![Chat-App](https://i.ibb.co/X248mmV/image.png)Some Features:
- 🌟 Tech stack: MERN + Socket.io + TailwindCSS + Daisy UI
- 💀 Authentication && Authorization with JWT
- ☠ Passward Cncrypted in MongoDB via bcrypt
- 👾 Real-time messaging with Socket.io
- 🚀 Online user status (Socket.io and React Context)
- 🎵 Real-time chat notifications sounds
- 👌 Global state management with Zustand
- 🐞 Error handling both on the server and on the client
- ⭐ At the end Deployment like a pro for FREE!
- ⏳ And much more!### Setup .env file
```js
PORT=...
MONGO_DB_URI=...
JWT_SECRET=...
NODE_ENV=...
```### Build the app
```shell
npm run build
```### Start the app
```shell
npm start
```