Weather98
Compact weather dashboard with a nostalgic Windows 98 aesthetic. Integrates OpenWeather One Call 3.0, provides geolocation and search, short-term forecasts, local caching, and resilient error handling.
React
Vite
TypeScript
JavaScript
Tailwind CSS
Axios
i18next
ReRecharts
Lodash
Yarn
Vercel
The Project
Overview
Weather98 pairs a playful retro UI with pragmatic engineering: Vite + React for a snappy dev experience, TypeScript for safer code, Axios for API requests, and local caching to limit network calls. Features include current conditions, a 3-day forecast, city search with geolocation fallback, and graceful handling of rate limits and missing data.
Visual Showcase
Project Preview
What Makes It Special
Key Features
- Current weather card and 10-day forecast
- Search by city and optional geolocation fallback
- Network error handling and user-friendly messages
- Language and unit preferences settable and persisted
- Nostalgic Windows 98-inspired UI design
Technical Choices
Key Decisions
- Cache results for a short TTL to improve UX and stay within API rate limits
- Abstract API client so swapping providers is straightforward
- Prioritize clear micro-interactions to surface loading and error states
Results & Metrics
Impact
- Shows competency integrating third-party APIs and handling edge cases
- Practical pattern for caching and error-handling in small apps
- Great interview talking point for trade-offs when designing API-driven UI