A feature-rich, real-time messaging application that allows users to communicate instantly and share media seamlessly. Built with modern web technologies to ensure a smooth and responsive user experience.
Live Demo: 🔗 Visit Chatty
Frontend Code: 🔗 GitHub Repo (Frontend)
Backend Code: 🔗 GitHub Repo (Backend)
- 🔐 User Authentication: Secure login and registration using JWT.
- 💬 Real-Time Messaging: Instant message delivery powered by Socket.io.
- 🖼️ Media Sharing: Upload and send images seamlessly via Cloudinary integration.
- 👥 User Management: Search for and chat with other registered users.
- 🎨 Responsive UI: Clean and modern interface built with DaisyUI and Tailwind CSS.
- 🔄 State Management: Efficient global state handling using Zustand.
- 📱 Fully Responsive: Works flawlessly on desktop, tablet, and mobile devices.
- Frontend: React, Zustand (State Management), DaisyUI, Tailwind CSS
- Backend: Node.js, Express.js
- Real-Time Communication: Socket.io
- Database: MongoDB
- Authentication: JSON Web Tokens (JWT)
- Media Storage: Cloudinary
- Deployment: Vercel (Frontend), Render/Railway (Backend)
To run this project locally, follow these steps:
- Node.js (v16 or higher)
- MongoDB Atlas URI or local MongoDB instance
- Cloudinary account (for media storage)
git clone https://github.com/your-username/chatty-app.git
cd chatty-app