https://github.com/srajan-kush/chat-app
A Full Stack Realtime Chat App built with MERN, Socket.io, TailwindCSS, and Zustand, featuring JWT authentication, real-time messaging, online user status, and cloud storage via Cloudinary. The app ensures seamless communication with robust error handling and a responsive UI.
https://github.com/srajan-kush/chat-app
jwt-authentication mern-project socket-io tailwindcss zustand
Last synced: about 2 months ago
JSON representation
A Full Stack Realtime Chat App built with MERN, Socket.io, TailwindCSS, and Zustand, featuring JWT authentication, real-time messaging, online user status, and cloud storage via Cloudinary. The app ensures seamless communication with robust error handling and a responsive UI.
- Host: GitHub
- URL: https://github.com/srajan-kush/chat-app
- Owner: srajan-kush
- Created: 2025-03-04T19:01:35.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-30T05:04:44.000Z (about 1 year ago)
- Last Synced: 2025-03-30T05:19:57.841Z (about 1 year ago)
- Topics: jwt-authentication, mern-project, socket-io, tailwindcss, zustand
- Language: JavaScript
- Homepage:
- Size: 5.46 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ✨ Full Stack Realtime Chat App ✨
## 🚀 Features
- 🌟 **Tech Stack**: MERN + Socket.io + TailwindCSS + Daisy UI
- 🔐 **Authentication & Authorization**: Secure with JWT
- 💬 **Real-Time Messaging**: Powered by Socket.io
- 🟢 **Online User Status**: See who is online
- ⚡ **State Management**: Global state handled with Zustand
- 🛡️ **Robust Error Handling**: Managed on both client & server
- 📡 **Cloud Storage**: Image uploads with Cloudinary
- 🌍 **Deployment**: Deploy like a pro for FREE!
- ⏳ **And much more!**
---
## 📌 Setup `.env` File
Create a `.env` file in the root directory and add the following:
```ini
MONGODB_URI=your_mongodb_connection_string
PORT=5001
JWT_SECRET=your_jwt_secret
CLOUDINARY_CLOUD_NAME=your_cloudinary_cloud_name
CLOUDINARY_API_KEY=your_cloudinary_api_key
CLOUDINARY_API_SECRET=your_cloudinary_api_secret
NODE_ENV=development
```
---
## 🛠️ Clone the Repository
```sh
git clone https://github.com/srajan-kush/chat-app.git
cd chat-app
```
---
## 🛠️ Build the App
```sh
npm run build
```
---
## ▶️ Start the Backend
```sh
cd backend
npm install
npm run dev
```
---
## ▶️ Start the Frontend
```sh
cd frontend
npm install
npm run dev
```
---
## Screenshot
---
## 🤝 Contributing
Pull requests are welcome! For major changes, please open an issue first to discuss what you would like to change.
---
## 📩 Contact
For any queries, reach out to me via [LinkedIn](https://www.linkedin.com/in/srajan-kushwaha/) or email at [srajank2003@gmail.com](mailto:srajank2003@gmail.com).