Chatty is a real-time chat application that allows users to communicate with each other in a smooth and modern UI. Built with React, Express, and Socket.IO, the app supports authentication, online/offline status, and responsive design.
- React 18 + Vite
- TailwindCSS
- Zustand – for global state management
- DaisyUI – for light/dark mode and UI components
- Axios – for HTTP requests
- Node.js with Express.js
- MongoDB + Mongoose
- Socket.IO – for real-time communication
- JWT (jsonwebtoken) – for secure authentication
- Real-time 1-on-1 chatting
- Online/offline user status indicator
- Auth system using JWT
- Responsive UI with light/dark mode toggle
- Modular architecture
- Protected routes with middleware
- Built with global state using Zustand
| Login Page | Chat Window |
|---|
- Clone the repository:
git clone https://github.com/yourusername/chatty.git
cd chatty
=======