Multi-Region Weather App

Real-time weather monitoring for service areas across QLD/NSW. Built with Astro.js for fast, reliable weather tracking.

⚡ Quick Start

npm install
npm run dev

Visit http://localhost:4321 - weather data loads automatically.

🎯 Features

• 16 locations from Rockhampton to Tamworth
• Auto-location detection via IP geolocation
• Live radar maps with animation
• 7-day precipitation forecasts
• Region filtering (QLD/NSW/Distance-based)
• Web worker processing for smooth performance
• Mobile-responsive design

🏗️ Architecture

src/
├── components/     # Astro components (WeatherCard, ControlPanel)
├── layouts/        # Base layout
├── pages/          # Routes (index.astro)
├── types/          # TypeScript definitions
├── utils/          # Weather utilities & calculations
└── workers/        # Background processing

🧪 Testing

npm run test        # Run Playwright tests
npm run test:ui     # Visual test runner

🚀 Deployment

Optimized for Netlify:

npm run build       # Generates ./dist/ 

Zero-config deployment - just connect your repo to Netlify.

🔧 Configuration

Location Filters:

• All locations (default)
• QLD only (lat > -29)
• NSW only (lat <= -29)
• Closest 4 (requires location access)

APIs Used:

• Weather: Open-Meteo (free)
• Radar: RainViewer (free)
• Location: ipapi.co (free)

💡 Performance

• Web Workers handle API calls in background
• Static generation via Astro for fast loading
• Progressive enhancement - works without JavaScript
• Lazy loading for radar maps

Built for zero-cost hosting on Netlify free tier.