LetsChat is a real-time chat application where users can chat one-on-one or in groups, share files, toggle dark mode, and enjoy a fully responsive interface built using the MERN stack and Tailwind CSS.
- User Authentication: Register, Login, Logout
- One-on-One Chats: Private messaging with other users
- Group Chats: Create groups, add/remove members, assign admin
- Real-Time Messaging: Instant updates using Socket.io
- File Sharing: Send images in chats
- Message Management: Delete your messages
- Dark Mode: Switch between light and dark themes
- Message Timestamps: View date and time of messages
- Mobile Responsive: Fully responsive on all devices
- Admin Controls: Admin can manage group members
- Search & View Chats: Quickly find and open conversations
Frontend: React.js, Tailwind CSS, Axios, React Router, Context API
Backend: Node.js, Express.js, MongoDB, Mongoose
Real-Time Communication: Socket.io
Authentication: JWT (JSON Web Tokens)
Deployment: Frontend on Netlify, Backend on Render / Heroku
- Node.js (v16 or higher recommended)
- npm or yarn
- MongoDB (local or cloud, e.g., MongoDB Atlas)
git clone https://github.com/yourusername/letschat-frontend.git
cd letschat-frontend
npm install
npm start