{"id":26826211,"url":"https://github.com/bhaxkar/chatter","last_synced_at":"2026-04-09T06:43:51.335Z","repository":{"id":285211585,"uuid":"957352076","full_name":"bhaxkar/Chatter","owner":"bhaxkar","description":"Chatter is a modern real-time chat application that enables users to communicate instantly with each other. Built with a robust tech stack including React for the frontend and Node.js for the backend.","archived":false,"fork":false,"pushed_at":"2025-03-30T09:37:21.000Z","size":101,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-30T10:27:24.154Z","etag":null,"topics":["bcryptjs","cloudinary-sdk","express-js","jwt-auth","mongodb","react-router-dom","reactjs","socket-io","tailwind-css","zustand"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bhaxkar.png","metadata":{"files":{"readme":"Readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-03-30T06:25:47.000Z","updated_at":"2025-03-30T09:37:24.000Z","dependencies_parsed_at":"2025-03-30T10:37:25.607Z","dependency_job_id":null,"html_url":"https://github.com/bhaxkar/Chatter","commit_stats":null,"previous_names":["bhaxkar/chatter"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bhaxkar%2FChatter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bhaxkar%2FChatter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bhaxkar%2FChatter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bhaxkar%2FChatter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bhaxkar","download_url":"https://codeload.github.com/bhaxkar/Chatter/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246308048,"owners_count":20756482,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bcryptjs","cloudinary-sdk","express-js","jwt-auth","mongodb","react-router-dom","reactjs","socket-io","tailwind-css","zustand"],"created_at":"2025-03-30T11:18:03.873Z","updated_at":"2025-12-30T18:56:51.946Z","avatar_url":"https://github.com/bhaxkar.png","language":"JavaScript","readme":"# Chatter - Real-time Chat Application\n\nChatter is a fully responsive real-time chat application that enables users to communicate instantly with each other. It is built with a robust tech stack, including **React.js** and **Tailwind CSS** for the frontend, **Zustand** for efficient state management, **Node.js** and **Express.js** for the backend, and **Socket.io** for real-time communication. It provides features like real-time messaging with image sharing capabilities in chats, online/offline user status, user authentication, and profile management.\n\n## Technical Description 📃\n\n- **Real-time Communication**: Implemented real-time messaging and live user status updates using ```Socket.IO```, enabling seamless bidirectional communication.\n\n- **State Management**: Built efficient state management system using ```Zustand``` for optimized performance.\n\n- **Navigation**: Utilized ```React Router v6``` for client-side routing with dynamic routes for seamless navigation.\n\n- **Responsive UI**: The frontend is built with ```React.js``` and designed fully responsive UI using ```Tailwind CSS``` for a modern mobile-friendly experience.\n  \n- **Authentication**: Implemented secure user authentication using ``` JWT and bcrypt.js ```with HTTP-only cookies for enhanced security measures.\n\n- **Database**: Designed and integrated ```MongoDB``` database schema using ```Mongoose``` ODM for efficient data modeling and relationships.\n\n- **API Endpoints**: Built RESTful API endpoints with ```Express.js``` following MVC architecture for clean code organization.\n\n- **File Upload**: Integrated ```Cloudinary cloud storage``` for media management, handling user profile pictures and message attachments.\n\n\u003cdiv align=\"center\"\u003e\n\n|Frontend Technologies 🎨 |Backend Technologies 🛠|\n|--------------------------|-----------------------|\n| React.js  \u0026 React DOM | Node.js with Express.js |\n| Tailwind CSS | MongoDB with Mongoose |\n| Zustand for state management | JWT for authentication |\n| Socket.IO Client | Socket.IO for real-time communication |\n| Axios for HTTP requests | Bcrypt.js for password hashing |\n| React Hot Toast for notifications | Cloudinary for image storage |\n| React Router Dom for navigation | CORS for cross-origin resource sharing |\n\n\u003c/div\u003e\n\n## Contact \n👾 Bhaskar Jha (✉️ [@bhaxkar](mailto:bhaskarjha.info@gmail.com)  )\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbhaxkar%2Fchatter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbhaxkar%2Fchatter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbhaxkar%2Fchatter/lists"}