Project
Roulette

GitHub Status

The objective of the GitHub Status app is to introduce you to one way to scrape information from another web site.

BeginnerWeb appDev tool3–8hAI-buildable 4/5needs backend

Web apps acquire data in many ways. Through user input in web pages, through API's to backend systems, from files and databases, and sometimes by "scraping" websites. The objective of the GitHub Status app is to introduce you to one way to scrape information from another web site. GitHub Status uses the NPM Request package to retrieve the current GitHub site status from the GitHub Status web site. The Request package allows websites to be retrieved not to a browser window, but as a JSON document that can be readily accessed by your code. Although this application specification relies heavily…

UI
Logic
Useful

Hosting · Free tier, sleeps when idle

Deploys free on Vercel Hobby + Supabase free or Cloudflare Pages + Turso free.

Free database tiers pause or expire when a project sits idle, so this one needs occasional attention to stay up.

Deploy it and share a link.

Core features · 2

  • User can see the current status for GitHub Git operations, API Requests,
  • User can retrieve the most recent status from the GitHub Status web

Once it works

  • User can see any of the GitHub components that are not in 'Operational'

Suggested stack

reacttypescripttailwindreact-hook-formtanstack-querysupabase

Track it