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

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

Register Page

Login Page

Chat Dashboardd

Live Demo Link

Setup .env file

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

Build the app

npm run build

Start the app

npm start