💬 CHATTY CHAT_APP

A full-featured real-time chat application built with MERN Stack, Socket.IO, and TailwindCSS, featuring authentication, private messaging, and a modern UI.

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

Demo

Demo : https://fullstack-real-time-chat-app-y7jf.onrender.com

Authors

• @YahyaShanawazMohammed

Tech Stack

• React

• Node.js

• Express.js

• Mongodb

• JWT-Authentication

• cloudinary

• socket.io

Screenshots

Sign in / Sign up page

Home Page

Chat Page

Setting Page

Profile Page

Setup .env file

MONGODB_URI=...
PORT=5001
JWT_SECRET=...

CLOUDINARY_CLOUD_NAME=...
CLOUDINARY_API_KEY=...
CLOUDINARY_API_SECRET=...

NODE_ENV=development

Build the app

npm run build

Start the app

npm start