A real-time Chat Application built with the MERN stack, Socket.IO, and styled using DaisyUI. This app lets you connect instantly with people across the world, enabling meaningful conversations, cultural exchange, and real-time interaction β no matter where you are.
π View the App Here
- π Real-time Messaging using Socket.IO
- π Connect with users globally
- πͺ Beautiful UI powered by TailwindCSS + DaisyUI
- π‘οΈ Secure Authentication with JWT
- π¨ Instant Delivery Status and Typing Indicators
- π§βπ€βπ§ User Presence & Online Status
- π± Responsive Design β works on all screen sizes
| Frontend | Backend | Real-time | Styling | Database |
|---|---|---|---|---|
| React.js | Node.js | Socket.IO | DaisyUI | MongoDB |
| Axios | Express | TailwindCSS |
git clone https://github.com/Slash-495/chat-app
cd chat-appcd backend
npm install
npm startMake sure to set up your
.envfile for the backend with:
PORT=5000
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secretcd ../frontend
npm install
npm run devYou can deploy this app using:
- Frontend: Vercel / Netlify
- Backend: Render / Railway / Heroku
- Database: MongoDB Atlas
- π Language-based chat filters
- π Push notifications
- π Global user search
Pull requests are welcome! For major changes, please open an issue first to discuss what youβd like to change.
This project was inspired and built by following the tutorial by Codesistency