Een moderne weer-applicatie gebouwd met SvelteKit. Toont actueel weer, uurlijkse voorspellingen en een 7-daagse forecast voor elke locatie ter wereld.
- Framework: SvelteKit 2 + Svelte 4
- Styling: Tailwind CSS v4
- Weer API: Open-Meteo (gratis, geen key nodig)
- Geocoding: Mapbox Geocoding API
- Build: Vite 5
- TypeScript met JSDoc annotations
- Actueel weer voor standaardlocatie (Obdam)
- Zoeken op stad met Mapbox autocomplete
- Huidige locatie via browser GPS + reverse geocoding
- 7-daagse forecast
- Uurlijkse weerweergave (48 uur, scrollbaar)
- Responsive design (mobile-first)
- Preview modus voor nieuwe steden
- Steden opslaan in localStorage
- Temperatuur toggle (C/F)
- Skeleton loading states
- Page transitions
Vereist: Node.js 22+
git clone https://github.com/M4TThys123/WeatherAppPlus.git
cd WeatherAppPlus
nvm use
npm installMaak een .env bestand aan (zie .env.example):
PUBLIC_MAPBOX_ACCESS_TOKEN=your_mapbox_token_herenpm run devOpen http://localhost:5173 in je browser.
| Commando | Beschrijving |
|---|---|
npm run dev |
Development server |
npm run build |
Productie build |
npm run preview |
Preview productie build |
npm run check |
TypeScript type checking |
npm run lint |
Prettier + ESLint check |
npm run format |
Auto-format met Prettier |
Matthijs Blauw - matthijs.blauw@gmail.com