π¬ Chatty β Real-Time Chat Application
Chatty is a full-stack real-time chat application built to provide fast, secure, and seamless communication between users. It supports one-to-one messaging with live updates, authentication, and a clean, responsive UI.
π Features
π User Authentication (Signup / Login) π¬ Real-time Messaging using WebSockets π’ Online / Offline User Status πΈ Image Sharing in Chats π€ User Profiles π¨ Modern Responsive UI β‘ Optimized State Management π Deployed Frontend & Backend
π Tech Stack:- Frontend:
React + TypeScript Tailwind CSS + DaisyUI Zustand (state management) Socket.IO Client
Backend:
Node.js Express.js MongoDB + Mongoose Socket.IO JWT Authentication
Other Tools:
Cloudinary (image uploads) Render (deployment)
π§ How It Works
Users authenticate using JWT-based authentication. After login, users can see other registered users and their online status. Messages are sent and received instantly using Socket.IO. Images are uploaded to Cloudinary and shared in chats. Backend manages socket connections to map users to active sessions.
Author:
Karan Raj Surya 2nd Year Student, IIIT Allahabad π GitHub: https://github.com/karanrajsurya