GitHub Status App

GitHub Status App

Difficulty :beginner

Web apps acquire data in many ways - through user input, APIs, files, databases, and sometimes by "scraping" websites. The GitHub Status app introduces you to retrieving and displaying real-time status information from external services.

This project teaches you how to work with status APIs and create monitoring dashboards for services you depend on.

User Stories:

  • User can see the current status for GitHub Git operations, API Requests, Operational Issues, PRs, Dashboard, Projects, Operational Notifications, Operational Gists, and Operational GitHub Pages as a list in the main app window
  • User can retrieve the most recent status from the GitHub Status website by clicking a 'Get Status' button
  • User can see when the status was last updated

Bonus Features:

  • User can see any of the GitHub components that are not in 'Operational' status highlighted by a different color, background animation, or any other technique to make it stand out
  • User can see historical incident data
  • User can set up notifications for status changes
  • User can see response time metrics
  • User can view status for other services (Twitter, AWS, etc.)
  • User can see uptime percentages
  • User can subscribe to status updates
  • User can see maintenance schedules

What you'll learn:

  • Working with status and monitoring APIs
  • Real-time data fetching and updates
  • Visual indicators for system status
  • Error handling for service monitoring
  • JSON data parsing and display
  • Creating dashboard interfaces
  • Working with external service APIs
  • Polling for status updates
Example of implementations to inspire from :
Share the word :