spin0 portfolio

Open the app

User guide is available inside the app via the menu.

The seed

• Different apps kept giving opposite forecasts – Sometimes I got soaked; sometimes I over‑prepared.
• I wanted to understand why forecasts differ so much.

Early exploration

• Installed several different apps and compared them.
• Learned they use different APIs and data sources.
• Switching apps was inconvenient; comparing them was impossible.

Prototype

• Started with a Python script printing raw forecast values.
• Helped me understand how each provider structures data.

Building the app

• Built with TypeScript, Next.js, and React.
• Designed a compact grid to show forecasts from multiple providers all at once.
• Focused on responsive UI that adapts cleanly for desktop and mobile.

Challenges

• Normalizing weather codes, icons, and timezones.
• Server vs. client behavior in Next.js.
• Many rounds of CSS to keep the grid readable.

What I learned

• How providers choose timezones and forecast start times.
• When to use server vs. client components.
• How small UI decisions affect readability.

What I’d explore next

• Hourly forecasts (as far as free APIs allow).
• Sorting providers by reliability for each user/location.