just building things with code.

github

Aditya Ojha  • Peerlist

<h3>Chatty - Real-time Chat Application 💬</h3>OverviewChatty is a modern real-time chat application built with a focus on user experience and real-time communication. It features both private messaging and global chat capabilities, wrapped in a beautiful and customizable interface.<h3>Key Features</h3>Authentication &amp; User Management- Secure user authentication system- Customizable user profiles with profile pictures- Verification badge system for special users- Account management including profile updates and deletion Messaging Features- Real-time private messaging between users- Global chat room for community discussions- Message editing and deletion capabilities- Typing indicators- Read receipts and message status (delivered/seen)- Link preview in messages- Rich text message formattingNotifications- Real-time push notifications for new messages- Browser notifications when app is in background- Notification center with message preview- Customizable notification settings- Unread message countersUI/UX Features- Multiple theme options with live preview- Responsive design for mobile and desktop- Smooth animations and transitions- Online/offline user status- Last seen indicators- Loading states and skeletons- Modern and clean interfaceTechnical Features- Real-time communication using Socket.IO- Secure file uploads with Cloudinary- MongoDB database for data persistence- JWT-based authentication- RESTful API architecture- Rate limiting and security measures- Cross-browser compatibility<h3>Technology Stack</h3><h3> Frontend</h3>- React.js with Vite- Tailwind CSS for styling- DaisyUI components- Framer Motion for animations- Socket.IO client for real-time features- Axios for HTTP requestsBackend- Node.js with Express- MongoDB with Mongoose- <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="http://Socket.IO">Socket.IO</a> for real-time communication- JWT for authentication- Cloudinary for media storage- Web Push for notifications## Security Features- Encrypted passwords with bcrypt- Protected routes and API endpoints- Secure session management- XSS and CSRF protection- Rate limiting on sensitive endpoints- Secure file upload handlingThis modern chat application combines the best practices in web development with a focus on user experience, making it a robust solution for real-time communication needs.