{"id":28911454,"url":"https://github.com/somya-garg26/chat-app","last_synced_at":"2026-04-11T01:14:38.873Z","repository":{"id":300182074,"uuid":"1005415943","full_name":"Somya-garg26/Chat-app","owner":"Somya-garg26","description":"Real-Time Chat App with Socket.io","archived":false,"fork":false,"pushed_at":"2025-06-20T08:52:43.000Z","size":6646,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-20T09:36:01.346Z","etag":null,"topics":["axios","css3","html5","javascript","mongodb","nodejs","reactjs","realtimechatapp","socket-io","vscode"],"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/Somya-garg26.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,"zenodo":null}},"created_at":"2025-06-20T07:38:14.000Z","updated_at":"2025-06-20T08:58:22.000Z","dependencies_parsed_at":"2025-06-20T09:48:12.193Z","dependency_job_id":null,"html_url":"https://github.com/Somya-garg26/Chat-app","commit_stats":null,"previous_names":["somya-garg26/chat-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Somya-garg26/Chat-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Somya-garg26%2FChat-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Somya-garg26%2FChat-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Somya-garg26%2FChat-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Somya-garg26%2FChat-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Somya-garg26","download_url":"https://codeload.github.com/Somya-garg26/Chat-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Somya-garg26%2FChat-app/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261179043,"owners_count":23120846,"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":["axios","css3","html5","javascript","mongodb","nodejs","reactjs","realtimechatapp","socket-io","vscode"],"created_at":"2025-06-21T19:08:28.664Z","updated_at":"2026-04-11T01:14:38.866Z","avatar_url":"https://github.com/Somya-garg26.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Chat-app\n##MERN Stack Real-Time Chat App\n  This is a real-time chat application built using the MERN stack (MongoDB, Express.js, React.js, Node.js) along with Socket.io for live, bi-directional communication between users\n  \n##About the Project\n  This project is a basic version of a real-time group chat app. Users can send and receive messages instantly. It’s a full-stack application where:\n-The backend handles user connections, chat messages, and database storage.\n-The frontend displays the chat UI and connects users using Socket.io.\n\n##Features\n1.Real-time messaging using Socket.io\n2.MongoDB integration for storing chat history\n3.Simple and clean user interface\n4.Multiple users can chat at the same time\n5.React-based frontend with live updates\n\n##How the Project is Built\n1.Backend (Node + Express)\n-Created REST APIs to handle messages and user login.\n-Connected to MongoDB using Mongoose.\n-Added Socket.io server for handling real-time events.\n\n2.Frontend (React)\n-Created chat interface using React components.\n-Used Socket.io client to send and receive live messages.\n-Integrated Axios for API calls to the backend.\n\n3.Real-time Chat\n-Users join the chat via the frontend.\n-When one user sends a message, it is emitted through Socket.io.\n-The server receives and broadcasts it to all other connected users.\n-Messages are saved in MongoDB for history.\n\n##How to Run the Project\n## Backend:\n\ncd server\nnpm install\nnode index.js\n\n## Frontend:\n\ncd client\nnpm install\nnpm start\n\n##What I Learned\n-How real-time apps work using Socket.io\n-Full-stack development with the MERN stack\n-Connecting frontend and backend with APIs and sockets\n-Organizing a project from backend to frontend\n\n## Future Improvements\n-Add user authentication (login/register)\n-Support private chats or rooms\n-Improve mobile responsiveness\n-Add emojis and file sharing\n\n##Screenshots of my output:-\n\n![Image](https://github.com/user-attachments/assets/a787ba81-7348-4e74-a632-65ddcb5b3c94)\n\n![Image](https://github.com/user-attachments/assets/e153d283-987b-4ab3-b792-a9ab6a76e101)\n\n![Image](https://github.com/user-attachments/assets/a81435b6-0311-461a-b662-a26919704f55)\n\n![Image](https://github.com/user-attachments/assets/d88e7d5c-4798-4a56-9cfe-d3365615fe8b)\n\n![Image](https://github.com/user-attachments/assets/30f473cd-bc3d-4dc4-ab4e-972e1995d20d)\n\n![Image](https://github.com/user-attachments/assets/cde28108-be74-4d30-9a34-8d3155416df8)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsomya-garg26%2Fchat-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsomya-garg26%2Fchat-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsomya-garg26%2Fchat-app/lists"}