A weather dashboard built with SvelteKit, displaying real-time weather data with Redis caching to minimize API calls.
- Search weather by city name
- Current conditions: temperature, humidity, wind speed, weather description
- Redis caching — serves cached data to reduce OpenWeather API calls
| Layer | Tech |
|---|---|
| Framework | SvelteKit |
| UI | shadcn-svelte · TailwindCSS |
| Icons | Lucide Svelte |
| Weather data | OpenWeather API |
| Caching | Upstash Redis |
| Language | TypeScript |
OpenWeather's free tier has rate limits. Rather than hitting the API on every request, weather data is cached in Upstash Redis and served until the TTL expires. Cuts unnecessary API calls and keeps the app fast on repeated lookups.
- Clone the repo
- Copy
.env.exampleto.envand fill in your API keys:OPENWEATHER_API_KEY— from openweathermap.orgUPSTASH_REDIS_REST_URLandUPSTASH_REDIS_REST_TOKEN— from upstash.com
- Install dependencies:
pnpm install - Run dev server:
pnpm dev