An open source application build using nextjs, shadcn/ui, zustand and tailwindcss.

Explore the weather forecast for Ukrainian cities over the next 3 days. Simple and user-friendly website, without unnecessary buttons, ads, and distractions.

• 3 day forecast.
• Hourly forecast navigation using horizontal scrolling with a simple left mouse button hold.

• (beta) Toggleable dynamic background that changes based on weather conditions.

1. Install dependencies

npm install

2. Create .env.local

WEATHER_API_URL=http://api.weatherapi.com/v1
WEATHER_API_KEY=YOUR_API_KEY

You can get an API key by registering at https://www.weatherapi.com/, there is a free plan there.

Despite the fact that they ask to add a mention of their service on the free plan, I basically did not do this due to the fact that some Ukrainian cities are displayed as russian ones. Slava Ukraini.

3. Start the development server

npm run dev

Licensed under the MIT license.