{"id":19974187,"url":"https://github.com/codersunny812/stellarchat","last_synced_at":"2026-04-07T18:31:29.177Z","repository":{"id":221241262,"uuid":"753109331","full_name":"codERSunny812/StellarChat","owner":"codERSunny812","description":"This is an chat application which is  made using  mern stack. In this mern application in which the user can logged in into the app and communicate with other person in real time and also  user can make video and audio call and also upload status which is visible for 24Hr.","archived":false,"fork":false,"pushed_at":"2024-12-26T14:08:27.000Z","size":692,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-03T11:39:01.990Z","etag":null,"topics":["chat-application","expressjs","nodejs","reactjs","socket-io","webapp","webrtc"],"latest_commit_sha":null,"homepage":"https://chat-kro-two.vercel.app","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/codERSunny812.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":"2024-02-05T13:44:20.000Z","updated_at":"2025-04-11T14:04:01.000Z","dependencies_parsed_at":"2024-06-26T21:31:03.990Z","dependency_job_id":"37c6fc95-8a41-4524-9631-ecafb09725ff","html_url":"https://github.com/codERSunny812/StellarChat","commit_stats":null,"previous_names":["codersunny812/chatkro","codersunny812/stellarchat"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/codERSunny812/StellarChat","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codERSunny812%2FStellarChat","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codERSunny812%2FStellarChat/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codERSunny812%2FStellarChat/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codERSunny812%2FStellarChat/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codERSunny812","download_url":"https://codeload.github.com/codERSunny812/StellarChat/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codERSunny812%2FStellarChat/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31524524,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-07T16:28:08.000Z","status":"ssl_error","status_checked_at":"2026-04-07T16:28:06.951Z","response_time":105,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["chat-application","expressjs","nodejs","reactjs","socket-io","webapp","webrtc"],"created_at":"2024-11-13T03:14:16.385Z","updated_at":"2026-04-07T18:31:29.152Z","avatar_url":"https://github.com/codERSunny812.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 💬Stellar Chat\n\nStellarChat is a cutting-edge messaging platform designed to bring people closer together, no matter where they are. With our intuitive interface and robust features, staying connected with friends and loved ones has never been easier.\n\n# 📦Tech Stack\n\n- **ReactJs**: Frontend library for building user interfaces.\n- **React Icons**: Library providing popular icons for React projects.\n- **NodeJs**: It's used for creating the backend of this.\n- **ExpressJS**: Backend framework for building APIs and handling server logic.\n- **MongoDB**: NoSQL database for storing user data and chat history.\n- **Socket.io**: Library for enabling real-time, bidirectional communication.\n- **Lottie Animation**: To add animation to our Website.\n- **React-Toastify:** To Show animation to the user.\n- **Cloudinary:** To upload the image on the server.\n- **Multer:** A middleware which is used to  manage the file upload in form.\n\n# 👨🏼‍🍳Features\n\nChatApp offers a comprehensive suite of features designed to facilitate seamless communication between users:\n\n- **User Authentication**: Create personalized accounts and securely log in.\n- **Real-time Messaging**: Engage in text-based communication with instant message delivery.\n- **Video Calls**: Initiate video calls directly within the app.\n- **Audio Calls**: User can make audio call with his friend with in the app.\n- **Responsive Design**: Enjoy a consistent and intuitive user experience across all platforms.\n- **Data Persistence**: MongoDB ensures the persistence of user data and chat history.\n- **Status Upload:** The User can upload any picture as his/her Status and  also also see the status of  the people who loggedIn into the app and upload any status.\n- **Profile Picture:** User can upload a picture during the registration in the app and that picture will be shown as the profile picture of the app.\n\n# ⛏️Process\n\n1. ### Planning and Setup\n\n   The development process began with thorough planning to outline the project's requirements, features, and technologies to be used.\n2. ### Backend Development\n\n   We built the backend using Express.js to create RESTful APIs for user authentication, message handling, and video call functionality.\n3. ### Frontend Development\n\n   With the backend in place, we focused on front-end development using React. We designed and implemented the user interface, leveraging React hooks and state management libraries for efficiency.\n4. ### Testing and Debugging\n\n   Thorough testing was conducted to identify and address any bugs or issues. Unit tests, integration tests, and end-to-end tests were performed to ensure reliability.\n5. ### Deployment and Optimization\n\n   The application was deployed to a hosting platform, with optimization for performance, scalability, and security. Continuous integration and deployment pipelines were set up for smooth updates.\n6. ### Monitoring and Maintenance\n\n   Monitoring tools were implemented to track the application's performance, uptime, and user activity. Regular maintenance and updates were performed to address security vulnerabilities and enhance user experience.\n\n# 📚Learning\n\nWe gained insights and skills in various areas during the development process:\n\n- **Real-Time Communication**: Mastered Socket.io for real-time messaging and optimizing performance.\n- **Authentication with JWT**: Implemented secure user authentication using JSON Web Tokens.\n- **MongoDB Integration**: Gained expertise in NoSQL databases and efficient data retrieval.\n- **Frontend Development**: Developed interactive interfaces with React and CSS.\n- **CI/CD Implementation**: Set up continuous integration and deployment pipelines for efficiency.\n- **Collaboration Skills**: Improved communication and teamwork through collaborative project work.\n- **Cloudinary :** Gained expertise in file upload and how to the file upload will work  behind the scene.\n\n# ✨Improvement\n\nFeel free to provide suggestions or contribute to the project. Your feedback is valuable to us!\n\n# 🚦Running Projects\n\n## Clone the repo:\n\n```bash\ngit clone https://github.com/codERSunny812/ChatKro.git\n```\n\n## Move to the directory\n\n- For the Frontend:\n\n```bash\ncd ChatKro client\n```\n\n- For the Backend\n\n```bash\ngit ChatKro server\n```\n\n## Install the Dependencies:\n\n- For the Frontend:\n\n```bash\nnpm install\n```\n\n- For the Backend\n\n```bash\nnpm install\n```\n\n## Start the development Server:\n\n- For the Frontend:\n\n```bash\nnpm run dev\n```\n\n- For the Backend\n\n```bash\nnpm run  start\n```\n\n\n## App UI:\n\n###### Splash Screen of the App:\n\n---\n\n\n\n![1712501677029](image/README/1712501677029.png)\n\n\n###### Home of the App:\n\n---\n\n\n\n![1712501743868](image/README/1712501743868.png)\n\n\n###### Registration Page  of the App:\n\n---\n\n\n\n![1712501776943](image/README/1712501776943.png)\n\n\n###### Login Page of the App:\n\n---\n\n\n\n![1712501801927](image/README/1712501801927.png)\n\n\n###### Home Page of the App:\n\n---\n\n\n\n![1712501836663](image/README/1712501836663.png)\n\n\n\n###### Mobile View of the App:\n\n---\n\n\n\n![1712501871372](image/README/1712501871372.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodersunny812%2Fstellarchat","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodersunny812%2Fstellarchat","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodersunny812%2Fstellarchat/lists"}