Skip to content

picaq/epa-uv

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 

Repository files navigation

UV Index Chart

picaq / epa-uv

View the production build on github pages (faster): https://picaq.github.io/epa-uv/
Or the development build on stackblitz (slow but prettier): https://react-numuay.stackblitz.io/

  • Uses the United States EPA Web Services’s Envirofacts Data Service API for daily updating data.
  • Only works for locations in the USA.
  • Link can be saved/bookmarked with a query param ?zipcode=12345 to share local UV Index charts.
  • Tab updates with the UV index of the current hour.
  • Vertical time indicator is set to match device time, not local time.

Edit in StackBlitz next generation editor ⚡️

  • Update: 9/12/2024: added README info button
  • Update: 5/10/2024: added leading zeros to UV data

Todo:

  • remove clickable / pointer finger mouse hover from legend toggle
  • installable pwa with offline local storage
    • replcace react icons with favicon sunflowers
    • match index.html theme color with manifest
    • match manifest bg color with app bg color
  • general bug fixes
  • remove unused declarations
  • info button and link back to repository
  • include SEO keywords and validate html
  • add social media and search engine preview pics and description
  • cache API calls into local storage
  • persist UV Index value notification for mobile apps
  • move forward and back to see different graphs