💬 Full-Stack Real-Time Chat App

A real-time chat web application built with modern technologies for seamless and instant messaging. working on a more complex app version from scratch soon:)

🚀 Live Demo

🔗 Click here to try it

🛠 Tech Stack

Frontend

• ⚛️ React (Vite) - Fast & optimized React setup
• 🎨 Tailwind CSS - Utility-first styling
• 🌼 DaisyUI - Pre-styled UI components
• 🌍 Zustand - State management
• 📡 Axios - HTTP client for API requests
• ⚡ Socket.io-client - Real-time communication

Backend

• 🟢 Node.js - Server-side runtime
• 🚀 Express.js - Fast and lightweight backend framework
• 🔗 Socket.io - Real-time WebSockets for messaging
• 🗄 MongoDB (Mongoose) - NoSQL database for storing chat data
• 🔑 bcrypt - Secure password hashing
• 🔐 dotenv - Environment variables management

✨ Features

✅ Realtime Typing Indicator Added @05March2025
✅ Realtime Unread Messages Count Feature Added @03March2025
✅ Realtime Sent,Delivered,Seen Feature Added @03March2025
✅ Realtime User Last Seen Feature Added @24Feb2025
✅ User Authentication (Sign up, login, and logout)
✅ Real-time Messaging with Socket.io
✅ Online/Offline Status
✅ Profile Picture Upload
✅ Lightweight & Responsive UI