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

Home page

Login page

SignUp page

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!

Setup .env file

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

Build the app

npm run build

Start the app

npm start