AF Weather

2026

Live-sääsovellus suomalaisille ja brasilialaisille kaupungeille — pnpm/Turborepo-monorepo, Open-Meteo, tumma tila, jaetut design-tokenit

Next.js 15TypeScriptTailwind CSSOpen-Meteo APITurborepo

Rooli

Yksin toteutettu

Tila

Valmis

Live

Näytä sivusto

Mitä rakensin

Sääsovellus, joka näyttää vallitsevan sään ja lähipäivien ennusteen kuudelle kaupungille: Helsingille, Tampereelle ja Oululle Suomessa sekä São Paulolle, Fortalezalle ja Curitiballe Brasiliassa. Sovellus käyttää Open-Meteo-rajapintaa, joka on täysin ilmainen eikä vaadi API-avainta.

Projekti elää samassa Turborepo-monorepossa kuin portfolio ja käyttää @arthurreira/ui-design-token-pakettia. Siksi sääsovelluksen värit, typografia ja välistykset pysyvät automaattisesti synkassa portfolion kanssa. Reittiarkkitehtuuri erottaa staattiset kaupunkisivut dynaamisesta /api/weather-päätepisteestä, joka hakee tuoreen datan jokaisella pyynnöllä.

Mitä opin

Tärkein oivallus koski design-tokenien jakamista monorepossa: malli toimii hyvin siihen asti, kunnes yhden sovelluksen pitää poiketa järjestelmästä. Sen selvittäminen, miten tokeneita voi ohittaa rikkomatta jaettua pakettia, opetti, missä jaetun järjestelmän rajojen kuuluu kulkea.

Kohokohdat

  • Live-ennusteet 6 kaupungille — Helsinki, Tampere, Oulu, São Paulo, Fortaleza, Curitiba
  • Open-Meteo-rajapinta (ilmainen, ei API-avainta)
  • Jakaa @arthurreira/ui-design-token-paketin portfolion kanssa
  • Staattiset kaupunkisivut + dynaaminen /api/weather-päätepiste
  • Tumma tila, livenä osoitteessa weather.arthurreira.dev

Teknologiat

  • Framework: Next.js 15 (App Router)
  • Kieli: TypeScript
  • Data: Open-Meteo-rajapinta
  • Monorepo: Turborepo + pnpm-työtilat
  • Tyylit: Tailwind CSS + @arthurreira/ui-tokenit