DEV Community

Cover image for I built a status page using React and GitHub Issues
Tadhg Lewis
Tadhg Lewis

Posted on • Updated on


I built a status page using React and GitHub Issues

Status Page Demo

So recently I've been having a look at status pages and haven't really found any that I felt worked for me. so I decided to create one myself.

Ideally I wanted a free and simple status page but most I found were either self-hosted or had to be built each time a Component is updated or an Incident is reported.

I created it using React and the GitHub API so there is no need to rebuild and redeploy when you add an Incident or update a Component, simply update the GitHub Issue and the status page will update live.

Here are some of the features

  • Easy setup
  • Component reporting to show the current status of your services
  • Incident reporting
  • Hosting on GitHub Pages or other hosting providers
  • Live updating status page
  • Use Zapier Triggers to update the status page
  • Easy integration with services and monitoring


Let me know what you think of the idea and the project overall :)

Top comments (0)

Top Posts from the React Ecosystem

1. Changes In The Official React Documentation

The former React Docs Beta has been officially released as the updated React documentation at after years of hard work and refinement. Check out the brand new React Docs: What’s New in the Updated React Docs

2. CRA's Time is Over

React developer team has removed create-react-app (CRA) from official documentation rendering it no longer the default setup method for new projects. The bulky setup, slow, and outdated nature of CRA led to its removal: create-react-app is officially dead

3. How to Fetch Articles for Your Portfolio

Integrate the articles of your profile into your personal portfolio with either React, Vue, or Next.js by following these simple steps. It outlines how to include frontend to pull the information and correctly utilizes the API: How to Fetch Your Articles for Your Portfolio with React