{"id":21465785,"url":"https://github.com/jeffasante/pingit","last_synced_at":"2026-01-03T16:41:12.346Z","repository":{"id":262008806,"uuid":"885948532","full_name":"jeffasante/pingit","owner":"jeffasante","description":"A real-time network monitoring tool built with vanilla JavaScript that allows you to check website availability, latency, and response times with a clean, modern UI.","archived":false,"fork":false,"pushed_at":"2024-11-09T21:10:53.000Z","size":386,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-23T15:19:34.096Z","etag":null,"topics":["monitoring-dashboard","monitoring-tool","vanilla-javascript","web-monitoring"],"latest_commit_sha":null,"homepage":"https://jeffasante.github.io/pingit/","language":"HTML","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/jeffasante.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}},"created_at":"2024-11-09T20:15:37.000Z","updated_at":"2024-11-09T22:33:31.000Z","dependencies_parsed_at":null,"dependency_job_id":"a8ba78b0-337d-4b48-a34d-ec1b8cffd1b1","html_url":"https://github.com/jeffasante/pingit","commit_stats":null,"previous_names":["jeffasante/pingit"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeffasante%2Fpingit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeffasante%2Fpingit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeffasante%2Fpingit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeffasante%2Fpingit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jeffasante","download_url":"https://codeload.github.com/jeffasante/pingit/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243982140,"owners_count":20378606,"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":["monitoring-dashboard","monitoring-tool","vanilla-javascript","web-monitoring"],"created_at":"2024-11-23T08:12:00.693Z","updated_at":"2026-01-03T16:41:12.317Z","avatar_url":"https://github.com/jeffasante.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# PingIt - Network Monitor\n\nA real-time network monitoring tool built with vanilla JavaScript that allows you to check website availability, latency, and response times with a clean, modern UI.\n\n![PingIt Interface - 1](/assets/01.png)\n![PingIt Interface - 2](/assets/02.png)\n\n\n[Live Demo](https://jeffasante.github.io/pingit/)\n\n## Features\n\n- **Real-time Monitoring**: Continuously monitor website availability and performance\n- **Latency Tracking**: Measure and track network latency over time\n- **Response Time Analysis**: Monitor website response times with detailed metrics\n- **Visual Analytics**: \n  - Interactive charts showing latency and response time history\n  - Color-coded status indicators\n  - Comprehensive history table\n- **Error Handling**: Robust error detection and reporting with automatic retry capability\n- **Cross-Origin Support**: Works with CORS-enabled and restricted sites\n- **Responsive Design**: Clean, modern UI that works on all device sizes\n\n## Technology Stack\n\n- Vanilla JavaScript (ES6+)\n- Chart.js for data visualization\n- TailwindCSS for styling\n- No backend required - runs entirely in the browser\n\n## Installation\n\n1. Clone the repository:\n```bash\ngit clone https://github.com/jeffasante/pingit.git\ncd pingit\n```\n\n2. Open with a local server:\n```bash\n# Using Python\npython -m http.server 5500\n\n# Or using Node.js http-server\nnpx http-server\n```\n\n3. Visit `http://localhost:5500` in your browser\n\n## Usage\n\n1. Enter a URL in the input field (e.g., \"google.com\" or \"https://example.com\")\n2. Click \"Check Status\" or press Enter\n3. Monitor real-time statistics:\n   - Current latency\n   - Site status\n   - Response time\n   - Historical data\n\n## Key Components\n\n### NetworkStatusChecker Class\n\nThe core functionality is handled by the `NetworkStatusChecker` class, which provides:\n\n- Configurable ping intervals and timeouts\n- Automatic retry attempts for failed checks\n- Event-based status updates\n- Error handling and reporting\n\n### Features in Detail\n\n1. **URL Validation and Formatting**\n   - Automatic protocol (https://) addition if not specified\n   - URL format validation\n\n2. **Status Monitoring**\n   - Site availability checking\n   - Latency measurement\n   - Response time tracking\n   - Status code reporting\n\n3. **Data Visualization**\n   - Real-time chart updates\n   - Historical data tracking\n   - Performance trending\n\n4. **Error Handling**\n   - CORS compatibility\n   - Network error detection\n   - Timeout management\n   - Automatic retries\n\n## Configuration\n\nKey constants that can be modified:\n\n```javascript\nconst MAX_DATA_POINTS = 20;  // Maximum number of historical data points\nconst CHART_UPDATE_INTERVAL = 5000;  // Update interval in milliseconds\n\n// NetworkStatusChecker options\n{\n  pingInterval: 5000,    // How often to check (ms)\n  timeout: 5000,         // Request timeout (ms)\n  retryAttempts: 2,      // Number of retry attempts\n  retryDelay: 1000      // Delay between retries (ms)\n}\n```\n\n## Browser Support\n\n- Chrome (latest)\n- Firefox (latest)\n- Safari (latest)\n- Edge (latest)\n\n## Contributing\n\n1. Fork the repository\n2. Create your feature branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n## License\n\nThis project is licensed under the MIT License - see the LICENSE file for details.\n\n## Acknowledgments\n\n- Chart.js for the charting library\n- TailwindCSS for the UI framework","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjeffasante%2Fpingit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjeffasante%2Fpingit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjeffasante%2Fpingit/lists"}