{"id":15132990,"url":"https://github.com/krishnendu-1/chit_chat-a_chat_application","last_synced_at":"2026-01-28T04:05:35.973Z","repository":{"id":254082040,"uuid":"845417966","full_name":"Krishnendu-1/Chit_Chat-a_chat_application","owner":"Krishnendu-1","description":"Chit Chat - a full stack web chatting application to chat with friends in a group in real time.","archived":false,"fork":false,"pushed_at":"2024-08-26T16:10:42.000Z","size":151,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-09T17:11:46.097Z","etag":null,"topics":["expreesjs","nodejs","reactjs","socket-io"],"latest_commit_sha":null,"homepage":"https://mychitchat.vercel.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Krishnendu-1.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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-08-21T08:00:31.000Z","updated_at":"2024-08-26T16:15:50.000Z","dependencies_parsed_at":"2024-08-26T17:16:31.871Z","dependency_job_id":null,"html_url":"https://github.com/Krishnendu-1/Chit_Chat-a_chat_application","commit_stats":null,"previous_names":["krishnendu-1/chit_chat-a_chat_application"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Krishnendu-1%2FChit_Chat-a_chat_application","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Krishnendu-1%2FChit_Chat-a_chat_application/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Krishnendu-1%2FChit_Chat-a_chat_application/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Krishnendu-1%2FChit_Chat-a_chat_application/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Krishnendu-1","download_url":"https://codeload.github.com/Krishnendu-1/Chit_Chat-a_chat_application/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246096896,"owners_count":20723037,"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":["expreesjs","nodejs","reactjs","socket-io"],"created_at":"2024-09-26T04:42:12.360Z","updated_at":"2026-01-28T04:05:34.914Z","avatar_url":"https://github.com/Krishnendu-1.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Chat App\n\nThis full-stack web chat application is designed to provide real-time communication between users. The application is built with a modern tech stack, leveraging React.js for the frontend, Node.js and Express.js for the backend, and Socket.io as the WebSocket library to enable real-time bidirectional communication.\n\nhttps://github.com/user-attachments/assets/f7adcf73-2d3d-48b9-b5de-31a544fe2515\n# Features\nReal-Time Messaging: Instant communication between multiple users in real time.\nUser Identification: This functionality is used to know users before accessing the chat with valid usernames.\nResponsive Design: The app is designed to work seamlessly on various devices.\nSmooth Scrolling: Automatically scrolls to the bottom when new messages are sent or received.\nMessage History: Stores and displays all messages sent and received by users. Special messages shown on new join for 'You' and other user, user left messages from 'Admin'.\n\n# Tech Stack\n\n# Frontend:\n\n**React.js**: A JavaScript library for building user interfaces.\n**React-router-dom**: For managing navigation within the application.\n**React-scroll-to-bottom**: Automatically scrolls the chat window to the latest message.\n**Socket.io-client**: Enables real-time communication between the client and server.\n**Bootstrap**: Ensure the device friendly UI/UX with responsive design.\n**Tailwind CSS**: A utility-first CSS framework for rapid, customizable styling.\n\n# Backend:\n\n**Node.js**: JavaScript runtime built on Chrome's V8 JavaScript engine.\n**Express.js**: Web application framework for Node.js, providing a robust set of features for web and mobile applications.\n**Socket.io**: Enables real-time, bidirectional, and event-based communication between the browser and the server.\n**nodemon**: Auto-restarts server on code changes.\n**cors**: Enables cross-origin requests.\n**dotenv**: Loads sensetive env vars from .env file.\n\n# Installation\nPrerequisites\nEnsure you have the following installed:\n\nNode.js (v14.x or higher)\nnpm (v6.x or higher) or yarn\n\n# Backend Setup\nClone the Repository:\n\nbash\ngit clone `https://github.com/Krishnendu-1/Chit_Chat-a_chat_application`\ncd chat-app\nNavigate to the Backend Directory:\n\nbash\ncd server\nInstall Dependencies:[express.js,socket.io,dotenv,cors,nodemon]\n\nbash\nnpm install\nStart the Backend Server:\n\nbash\nnpm run start\nThe server should now be running on `http://localhost:{your-set-port}`.\n\n# Frontend Setup\nNavigate to the Frontend Directory:\n\nbash\ncd ../client\nInstall React from Vite:\nnpm create vite@latest my-project\n\nbash\nnpm i\nStart the React App:\n\nbash\nnpm run dev\nThe frontend should now be running on `http://localhost:{your-port}`.\n\nRunning the Application\nOnce both the backend and frontend servers are running, open your web browser and navigate to `http://localhost:{your-set-port}`. You should be able to register and start chatting in real time 😀\n\nThanks,\nKrishnendu Roy\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkrishnendu-1%2Fchit_chat-a_chat_application","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkrishnendu-1%2Fchit_chat-a_chat_application","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkrishnendu-1%2Fchit_chat-a_chat_application/lists"}