Implement dashboard with weather and financial widgets

[louiskyx213]

Architecture Overview

Component Structure

• hooks/useWeather.ts — handles geocoding + weather fetch, abort controller, and 5-min client-side cache
• hooks/useFinance.ts — handles market data fetching with same caching pattern
• components/WeatherWidget.tsx — search input, loading/error/success states
• components/FinanceWidget.tsx — stock/crypto list with change indicators

Key Decisions

• Custom cache layer using a Map with TTL to avoid redundant API calls
• AbortController in useWeather to cancel in-flight requests on new searches
• Separation of concerns — hooks own data logic, components own rendering only
• Open-Meteo for weather (free, no API key, no CORS issues)
• Simulated market data on the client — in production, Finnhub would be called via a Next.js API route to keep the API key server-side and avoid CORS
• Loading skeletons and per-widget error states for a polished UX