Chatlek - Real-time Chat App
Description
Chatlek is a real-time chat application that allows users to communicate instantly through private and group conversations. It features live messaging, typing indicators, and modern UI for a seamless communication experience.
Features
- •User authentication and secure login system
- •Multiple chat rooms and direct messaging
- •Real-time messaging with Sockets.IO
- •User presence indicators (online/offline)
- •Typing indicators in conversations
- •Notifications sound for new messages
- •Message history and search
- •Image sharing with size restrictions
- •Profile management: update or delete profile
- •Report and block users
- •Responsive design for all devices
Tech Stack
- •React.js for frontend
- •Node.js with Express for backend
- •Socket.io for real-time communication
- •MongoDB for data storage
- •Tailwind for styling
- •JWT for authentication
- •Cloudinary for file storage
- •Zustand for state management
- •Zod for form validation
- •Axios for API requests
Key Learnings
- •Gained deep understanding of WebSocket connections
- •Implemented real-time features with Socket.io
- •Learned to handle file uploads and storage with third-party services
- •Implemented complex state management with Zustand
- •Improved skills in building responsive and animated UIs
Future Improvements
- •Add video and voice call functionality
- •Implement end-to-end encryption
- •Add message reactions and replies
- •Create mobile app version