{"id":15769363,"url":"https://github.com/realtimechatapplication/chat-app-next-socket","last_synced_at":"2026-01-27T00:39:27.896Z","repository":{"id":252344611,"uuid":"840156440","full_name":"RealTimeChatApplication/chat-app-next-socket","owner":"RealTimeChatApplication","description":"This is the real-time communication provided by Socket.io to create an open chat application that allows users to send and receive messages from several users on the application.","archived":false,"fork":false,"pushed_at":"2024-08-09T14:05:11.000Z","size":139,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-10-11T14:07:14.641Z","etag":null,"topics":["nextjs","nodejs","websocket","websocket-client","websocket-server"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/RealTimeChatApplication.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-08-09T05:03:08.000Z","updated_at":"2024-08-14T18:17:23.000Z","dependencies_parsed_at":"2024-10-03T13:26:54.443Z","dependency_job_id":"db1ce155-727a-475f-8539-bb5fff52a600","html_url":"https://github.com/RealTimeChatApplication/chat-app-next-socket","commit_stats":null,"previous_names":["btc415/chat-app-next-socket","realtimechatapplication/chat-app-next-socket"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RealTimeChatApplication%2Fchat-app-next-socket","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RealTimeChatApplication%2Fchat-app-next-socket/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RealTimeChatApplication%2Fchat-app-next-socket/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RealTimeChatApplication%2Fchat-app-next-socket/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RealTimeChatApplication","download_url":"https://codeload.github.com/RealTimeChatApplication/chat-app-next-socket/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247289429,"owners_count":20914464,"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":["nextjs","nodejs","websocket","websocket-client","websocket-server"],"created_at":"2024-10-04T14:02:05.320Z","updated_at":"2026-01-27T00:39:27.868Z","avatar_url":"https://github.com/RealTimeChatApplication.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# chat-app-next-socket\n\n## Built With :package:\n\u003cp\u003e\n\u003cimg alt=\"Node.js\" src=\"https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge\u0026logo=node.js\u0026logoColor=white\" /\u003e\n\u003cimg alt=\"Next.js\" src=\"https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white\" /\u003e\n\u003cimg alt=\"Next.js\" src=\"https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge\u0026logo=react\u0026logoColor=%2361DAFB\" /\u003e\n\u003cimg alt=\"Next.js\" src=\"https://img.shields.io/badge/SocketIO-%230081CB.svg?style=for-the-badge\u0026logo=mui\u0026logoColor=white\" /\u003e\n\u003cimg alt=\"Github\" src=\"https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge\u0026logo=github\u0026logoColor=white\" /\u003e \n\u003c/p\u003e\n\n\u003cp\u003e\n\u003cimg alt=\"Open Source? No!\" src=\"https://badgen.net/badge/Open%20Source%20%3F/No%21/blue?icon=github\" /\u003e \n\u003c/p\u003e\n\n## How to build \u0026 run? :dart:\n\n  Make sure you have [Nodejs](https://nodejs.org/en/download) installed anc clone this repository on local PC.\n\n  ```bash\n  node --version\n  ```\n\n```bash\ngit clone \u003cthis-repo-name\u003e\n```\n\n- Install the dependencies:\n\n  ```bash\n  cd client \u0026\u0026 npm install\n  cd ..\n  cd server \u0026\u0026 npm install\n  ```\n\t- Installs all the dependencies required by the project.\n\n- Run dev server\n\n\t```bash\n  cd server \u0026\u0026 npm start\n  cd ..\n  cd client n\u0026\u0026 npm run dev\n\t```\n\n- Build\n\n\t```bash\n\tnpm run build\n\t```\n\n\n- Run Server\n\n\t```bash\n\tcd dist\n    npx serve -s -l 80\n\t```\n\n\n\n- To contribute, make pull request for your own branch:\n\n  ```bash\n  git add .\n  git commit -m \"\u003cCOMMIT-MESSAGE\u003e\"\n  git push origin \u003cNAME-OF-THE-BRANCH\u003e\n  ```\n## Description\nWe have all encountered chat over the web, that can be Facebook, Instagram, Whatsapp and the list goes on.\nJust to give a bit of context, you send a message to a person or a group, they see the message and reply back. Simple yet complex.\n\nTo develop a chat app you would need to be aware of new messages as soon as they arrive.\nUsually, to get information from the server you need send an HTTP request. With websockets, the server lets you know when there is new information without asking it.\n\nIn this project, we leveraged the real-time communication provided by Socket.io to create an open chat application that allows users to send and receive messages from several users on the application. \nYou will also learn how to detect the users who are online and when a user is typing.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frealtimechatapplication%2Fchat-app-next-socket","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frealtimechatapplication%2Fchat-app-next-socket","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frealtimechatapplication%2Fchat-app-next-socket/lists"}