This project is a custom service availability tracker demo designed to monitor the availability and latency of various services such as SaaS, APIs, websites, or any other services. The demo utilizes Azure Application Insights (Monitor) to collect and track the status of a specified URL every 5 minutes. The collected data is then displayed using a React-based frontend, mimicking the style of the Discord Status page.
- Service Monitoring: Uses Azure Application Insights to monitor the availability and latency of a specified URL.
- Data Collection: Collects availability and latency data every 5 minutes.
- React Frontend: Displays the collected data in a user-friendly interface similar to the Discord Status page.
- Real-time Updates: Provides real-time updates on the status of the monitored services.
- Azure Application Insights: For monitoring and collecting availability and latency data.
- React: For building the frontend interface.
- JavaScript: For implementing the frontend logic.
- Bootstrap: For structuring and styling the frontend interface.
- Clone the Repository: Clone the project repository to your local machine.
git clone https://github.com/MufaroDKaseke/service_status_tracker.git- Install Dependencies: Navigate to the project directory and install the necessary dependencies.
npm install-
Configure Azure Application Insights: Set up Azure Application Insights to monitor the desired URL and collect availability and latency data.
-
Run the Application: Start the React application to view the status tracker demo.
npm run dev- Monitoring Services: The application will automatically monitor the specified URL every 5 minutes and collect availability and latency data.
- Viewing Status: The React frontend will display the collected data, showing the current status and historical data of the monitored service.
Contributions are welcome! Please fork the repository and submit a pull request with your changes.