Skip to main content

Rainybow

A Hawaii rainbow tracker that combines weather, rain chances, cloud cover, humidity, and sun angle to forecast when and where to look.

React TypeScript Bun Tailwind CSS Weather
Cover image for Rainybow

Overview

Rainybow is a location-aware rainbow forecast for Hawaii. It checks current weather, hourly rain chances, cloud cover, humidity, and sun angle, then turns those signals into a simple rainbow score and direction to look.

Features

  • Current-location forecast with browser geolocation
  • Open-Meteo weather data for current, hourly, and daily conditions
  • Rainbow scoring based on rain, cloud breaks, humidity, and solar geometry
  • Direction guidance for where to look, including anti-solar bearing
  • 24-hour outlook with hourly chance bars
  • Week-ahead summary with daily peak rainbow windows
  • Secure-context and Safari-specific location permission guidance
  • Responsive dark glass UI with weather and compass visuals

Technology Stack

  • React 19 + TypeScript
  • Bun runtime and bundler
  • Tailwind CSS v4
  • Lucide React icons
  • Radix UI primitives
  • Open-Meteo Forecast API