Nova Weather

Live forecasts with a page that changes colour with the sky

About This Project

A React weather app powered by the Open-Meteo API. Search any city for real-time conditions and a 7-day outlook; the entire page theme shifts with the sky—golden for sun, rainy blue, frosty snow, deep indigo nights, and electric storms—plus contextual suggestions and polished loading and error states.

Tech Stack

React
Vite
Tailwind CSS
React Router
Open-Meteo
Lottie

Key Features

Live weather and geocoding for any city via Open-Meteo
Full-page sky-matched themes for sun, rain, snow, storm, and night
7-day outlook with condition-aware animations
Smart suggestions based on temperature and conditions

Challenges

Mapping weather codes to coherent full-page themes and Lottie scenes while keeping search, forecast, and error states consistent across routes.

Future Plans

Next steps: saved locations, hourly detail charts, and offline caching for the last successful forecast.