MERN Stack Project: Build and Deploy a Real Time Chat App | JWT, Socket.io

Project Demo Link

https://www.loom.com/share/4bab67e14b4f4c45818f10e3962f7439

Some Features:

• 🌟 Tech stack: MERN + Socket.io + TailwindCSS + Daisy UI
• 🎃 Authentication && Authorization with JWT
• 👾 Real-time messaging with Socket.io
• 🚀 Online user status (Socket.io and React Context)
• 👌 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 in backend folder

PORT=...
MONGO_DB_URI=...
JWT_SECRET=...
NODE_ENV=...

Build the app - backend

node server.js

Start the app - frontend using vite

npm run dev