Chatty is a modern real-time chat application built with React.js, offering instant messaging powered by Socket.IO, smooth theme customization, and skeleton loading animations for a delightful user experience.
The frontend integrates seamlessly with MongoDB to store user and message data while ensuring a responsive and engaging UI.
- 🗣 Real-Time Messaging – Send and receive messages instantly with Socket.IO.
- 🎨 Customizable Themes – Personalize the chat look and feel with different themes.
- ⏳ Skeleton Loading Animations – Smooth loading indicators for better UX.
- 📱 Fully Responsive Design – Optimized for desktops, tablets, and mobile devices.
- 🛡 Persistent Data – Chat history stored securely in MongoDB.
- ⚡ Fast & Lightweight – Built with performance in mind using React + Vite.
| Technology | Purpose |
|---|---|
| ⚛ React.js | UI development |
| 🔌 Socket.IO | Real-time bidirectional communication |
| 🗄 MongoDB | Database for user & message storage |
| 🎨 Tailwind CSS | Styling framework |
| 🌼 Daisy UI | Theme & UI components |
| 💀 React Skeleton | Loading placeholders |
Follow these steps to run the project locally:
- Node.js (v14+)
- npm (v6+)
- MongoDB (Local or MongoDB Atlas)
- Clone the repository
git clone https://github.com/rahull0328/chatty-frontend.git cd chatty-frontend
- Install dependencies
npm install
- Start the development server
npm run dev
- Open in browser
http://localhost:5173/
🤝Contributing: If you'd like to contribute to this project, please fork the repository and create a pull request.
📌 Roadmap
Add user authentication
Implement group chats
Add emoji & file sharing support
Improve message search functionality.
📧 Contact