{"id":19522241,"url":"https://github.com/programarivm/reactnet","last_synced_at":"2025-07-02T11:34:26.294Z","repository":{"id":46559342,"uuid":"181340144","full_name":"programarivm/reactnet","owner":"programarivm","description":"A real-timish network traffic monitoring tool that uses a web interface with charts.","archived":false,"fork":false,"pushed_at":"2021-10-05T21:09:44.000Z","size":5165,"stargazers_count":2,"open_issues_count":14,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-08T14:15:38.773Z","etag":null,"topics":["chart","monitor","network","react","real-time","traffic"],"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/programarivm.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}},"created_at":"2019-04-14T16:50:17.000Z","updated_at":"2024-10-21T10:04:40.000Z","dependencies_parsed_at":"2022-09-06T03:10:54.601Z","dependency_job_id":null,"html_url":"https://github.com/programarivm/reactnet","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/programarivm%2Freactnet","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/programarivm%2Freactnet/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/programarivm%2Freactnet/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/programarivm%2Freactnet/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/programarivm","download_url":"https://codeload.github.com/programarivm/reactnet/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240771906,"owners_count":19854982,"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":["chart","monitor","network","react","real-time","traffic"],"created_at":"2024-11-11T00:37:54.873Z","updated_at":"2025-02-26T00:47:15.749Z","avatar_url":"https://github.com/programarivm.png","language":"JavaScript","readme":"## ReactNet\n\nA real-timish network traffic monitoring tool that uses a web interface with charts.\n\n\u003cp align=\"center\"\u003e\n\t\u003cimg src=\"https://github.com/programarivm/reactnet/blob/master/resources/01-figure-ipv4.png\" /\u003e\n\t\u003cbr/\u003e\n\t\u003cb\u003eFigure 1\u003c/b\u003e. Occurrences and endpoints of IPv4 addresses.\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\t\u003cimg src=\"https://github.com/programarivm/reactnet/blob/master/resources/02-figure-protocols.png\" /\u003e\n\t\u003cbr/\u003e\n\t\u003cb\u003eFigure 2\u003c/b\u003e. Protocol hierarchy statistics listing both number of packets and bytes.\n\u003c/p\u003e\n\n## Server\n\n### `tcpdump` writer\n\n\tphp cli/tcpdump-writer.php eth0 $USER\n\n`tcpdump-writer.php` sniffs the network traffic and stores the resulting `.pcap` files in the `var/tmp` folder for statistical analysis with `tshark`.\n\n\u003e This is how to set up `tcpdump` in order to capture packets as a non-root user:\n\n    sudo groupadd pcap\n    sudo usermod -a -G pcap $USER\n\n    sudo chgrp pcap /usr/sbin/tcpdump\n    sudo chmod 750 /usr/sbin/tcpdump\n\n    sudo setcap cap_net_raw,cap_net_admin=eip /usr/sbin/tcpdump\n\n### WebSocket server\n\n    php cli/ws-server.php\n\n## Client\n\nIn the project directory, you can run:\n\n### `npm start`\n\nRuns the app in the development mode.\u003cbr\u003e\nOpen [http://localhost:3000](http://localhost:3000) to view it in the browser.\n\nThe page will reload if you make edits.\u003cbr\u003e\nYou will also see any lint errors in the console.\n\n### `npm test`\n\nLaunches the test runner in the interactive watch mode.\u003cbr\u003e\nSee the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.\n\n### `npm run build`\n\nBuilds the app for production to the `build` folder.\u003cbr\u003e\nIt correctly bundles React in production mode and optimizes the build for the best performance.\n\nThe build is minified and the filenames include the hashes.\u003cbr\u003e\nYour app is ready to be deployed!\n\nSee the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.\n\n## Contributions\n\nWould you help make this app better? Contributions are welcome.\n\n- Feel free to send a pull request\n- Drop an email at info@programarivm.com with the subject \"ReactNet Contributions\"\n- Say hello on [Twitter](https://twitter.com/programarivm)\n\nMany thanks.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprogramarivm%2Freactnet","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fprogramarivm%2Freactnet","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprogramarivm%2Freactnet/lists"}