{"id":50692317,"url":"https://github.com/cacybernetic/socket_monitoring","last_synced_at":"2026-06-09T04:07:32.408Z","repository":{"id":325903602,"uuid":"1102727169","full_name":"cacybernetic/socket_monitoring","owner":"cacybernetic","description":"Monitors and visualizes live socket connections and data flow. It provides instant updates on connection status, message traffic, and server performance using WebSockets. The dashboard offers connection logs and alerts to help developers track and debug socket activities efficiently.","archived":false,"fork":false,"pushed_at":"2025-11-24T01:58:30.000Z","size":6449,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-11-24T06:43:35.606Z","etag":null,"topics":["monitor","monitoring","socket","socket-io","socket-tester","socket-testing","sockets","tester","wbsocket","web","web-socket","web-sockets"],"latest_commit_sha":null,"homepage":"https://cacybernetic.github.io/socket_monitoring/","language":"TypeScript","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/cacybernetic.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-11-24T00:42:15.000Z","updated_at":"2025-11-24T01:49:27.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/cacybernetic/socket_monitoring","commit_stats":null,"previous_names":["cacybernetic/socket_monitoring"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/cacybernetic/socket_monitoring","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cacybernetic%2Fsocket_monitoring","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cacybernetic%2Fsocket_monitoring/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cacybernetic%2Fsocket_monitoring/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cacybernetic%2Fsocket_monitoring/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cacybernetic","download_url":"https://codeload.github.com/cacybernetic/socket_monitoring/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cacybernetic%2Fsocket_monitoring/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34090848,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-09T02:00:06.510Z","response_time":63,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["monitor","monitoring","socket","socket-io","socket-tester","socket-testing","sockets","tester","wbsocket","web","web-socket","web-sockets"],"created_at":"2026-06-09T04:07:31.713Z","updated_at":"2026-06-09T04:07:32.399Z","avatar_url":"https://github.com/cacybernetic.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Socket Monitoring\n![Monitoring](https://img.shields.io/badge/first%20tag-033546.svg?style=for-the-badge)\n![WebSocket](https://img.shields.io/badge/second%20tag-B2D7E3?style=for-the-badge)\n![Monitor](https://img.shields.io/badge/third%20tag-262626?style=for-the-badge)\n![Tester](https://img.shields.io/badge/fourth%20tag-FCFCFC?style=for-the-badge)\n\nMonitors and visualizes live socket connections and data flow. It provides\ninstant updates on connection status, message traffic, and server\nperformance using WebSockets. The dashboard offers connection logs\nand alerts to help developers track and debug socket activities\nefficiently.\n\n## Table of contents\n1. [Access link](#link)\n2. [Final result](#result)\n3. [Project installation](#install)\n    1. [Nodejs installation](#node-install)\n    2. [Yarn installation](#yarn-install)\n    3. [Sources code cloning](#cloning)\n    4. [Dependencies installation](#dev-install)\n4. [Project execution](#running)\n\n## Access link \u003ca id = \"link\"\u003e\u003c/a\u003e\nThe project is already hosted on web and can be accessible through\nthe link below :\n- https://cacybernetic.github.io/socket_monitoring/\n\n## Final result \u003ca id = \"result\"\u003e\u003c/a\u003e\nThis is the final result of the project :\u003cbr/\u003e\u003cbr/\u003e\n![First render](./public/assets/render/render_1.webp)\n![Second render](./public/assets/render/render_2.webp)\n![Third render](./public/assets/render/render_3.webp)\n![Fourth render](./public/assets/render/render_4.webp)\n\n## Project installation \u003ca id = \"install\"\u003e\u003c/a\u003e\nThis project uses \u003ci\u003e\u003ca href = \"https://vitejs.dev/guide\"\u003eVite\u003c/a\u003e\u003c/i\u003e\nbundle as javascript server + \u003ci\u003e\u003ca href = \"https://react.dev\"\u003eReact\u003c/a\u003e\n\u003c/i\u003e with \u003ca href = \"https://www.typescriptlang.org\"\u003eTypeScript\u003c/a\u003e and\n\u003ca href = \"https://v2.chakra-ui.com\"\u003eChakra UI\u003c/a\u003e. Before run the project,\nyou must install some dependencies before.\n\n### Nodejs installation \u003ca id = \"node-install\"\u003e\u003c/a\u003e\n⚠️ \u003ci\u003e\u003cb\u003eThe command line below will only work on Linux :\u003c/b\u003e\u003c/i\u003e\n```sh\nsudo apt install curl;\\\ncurl https://raw.githubusercontent.com/creationix/nvm/master/install.sh | bash;\\\nsource ~/.bashrc;\\\nnvm --version;\\\nnvm install --lts;\\\nnode --version\n```\nTo install \u003ca href = \"https://nodejs.org/en\"\u003eNodeJs\u003c/a\u003e on Windows, you\ncan follow the video below :\n\n[![NodeJs tutorial video](https://img.youtube.com/vi/4FAtFwKVhn0/maxresdefault.jpg)](https://youtu.be/4FAtFwKVhn0)\n\nTo install \u003ca href = \"https://nodejs.org/en\"\u003eNodeJs\u003c/a\u003e on MacOS, you\ncan follow the video below :\n\n[![NodeJs tutorial video](https://img.youtube.com/vi/l53HbzbSwxQ/maxresdefault.jpg)](https://youtu.be/l53HbzbSwxQ)\n\n### Yarn installation \u003ca id = \"yarn-install\"\u003e\u003c/a\u003e\nMake sure to install the lastest stable version of\n\u003ca href = \"https://yarnpkg.com\"\u003eyarn\u003c/a\u003e.\n\nTo install \u003ca href = \"https://yarnpkg.com\"\u003eyarn\u003c/a\u003e on linux, just\nopen your terminal (`CTRL + ALT + T`) and run the following command\nline below :\n```sh\nnpm install yarn --global\n```\nTo install \u003ca href = \"https://yarnpkg.com\"\u003eyarn\u003c/a\u003e on Windows you can\nfollow the video below :\n\n[![Yarn tutorial video](https://img.youtube.com/vi/APyA8rax2Wk/maxresdefault.jpg)](https://youtu.be/APyA8rax2Wk)\n\nTo install \u003ca href = \"https://yarnpkg.com\"\u003eyarn\u003c/a\u003e on MacOS you can\nfollow the video below :\n\n[![Yarn tutorial video](https://img.youtube.com/vi/-4iEQKabTO4/maxresdefault.jpg)](https://youtu.be/-4iEQKabTO4)\n\nYou can install the latest stable version of \u003ca href = \"https://yarnpkg.com\"\u003e\nyarn\u003c/a\u003e \u003cb\u003e\u003ci\u003eonly\u003c/i\u003e\u003c/b\u003e at the project root folder by running the command\nline below :\n```sh\nyarn set version stable\n```\n\u003cb\u003e\u003ci\u003eIt's recommended to use 4.5.1 \u003ca href = \"https://yarnpkg.com\"\u003e\nyarn\u003c/a\u003e version to avoid any troubleshooting while installing project\ndependencies.\u003c/i\u003e\u003c/b\u003e\n\n\u003cb\u003e\u003cins\u003eNB\u003c/ins\u003e : \u003c/b\u003eIt's possible to install project dependencies using\n\u003ci\u003enpm\u003c/i\u003e or \u003ci\u003epnpm\u003c/i\u003e command. In this case, you must remove `yarn.lock`,\n`.yarnrc.yml`, `.yarn` and clear your favorite package manager caches\nbefore perform any dependencies installation.\n\n### Sources code cloning \u003ca id = \"cloning\"\u003e\u003c/a\u003e\n```sh\ngit clone git@github.com:cacybernetic/socket_monitoring.git socket_monitoring/\n```\n\n### Dependencies installation \u003ca id = \"dev-install\"\u003e\u003c/a\u003e\nBefore start project dependencies installation, you must remove `yarn.lock`\nfile from the project root and clear \u003ca href = \"https://yarnpkg.com\"\u003e\nyarn\u003c/a\u003e caches with `yarn cache clean` command. \u003cbr/\u003eGo to the root\nfolder of the project sources and run :\n```sh\nyarn install\n```\n\n📔\u003cins\u003eNote\u003c/ins\u003e : \u003ci\u003e\u003ca href = \"https://vitejs.dev/guide\"\u003eVite\u003c/a\u003e\u003c/i\u003e\nand \u003ci\u003e\u003ca href = \"https://react.dev\"\u003eReact\u003c/a\u003e\u003c/i\u003e will be installed\nautomatically after running the command line above.\n\n## Project execution \u003ca id = \"running\"\u003e\u003c/a\u003e\nGo to the root folder of the project and run :\n```sh\nyarn run dev\n```\nThen, open your favorite browser and tap on the search bar, the following\nlink below :\n```sh\nhttp://localhost:5100\n```\n\nEnjoy :)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcacybernetic%2Fsocket_monitoring","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcacybernetic%2Fsocket_monitoring","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcacybernetic%2Fsocket_monitoring/lists"}