A Simple Weather App
Gusty shows the weather in 5 different cities around the world. From the main page a user can get a quick overview of each city, or click on a specific city for more detailed information.
Gusty was designed with scalability in mind. Adding more cities is as easy as adding their names to the initial state and creating skyline images for them.
Gusty was built using React, Redux, and React-Router.
While building Gusty, I focused on providing the user with as much information as possible, while keeping the UI simple and clean.
On the main page, each city panel is updated based on current weather conditions to allow the user to compare all five cities at a glance.
The temperature and an icon representing the current weather are displayed next to the title. At the same time each city’s background color is set based on the current weather conditions in that city.
When a user clicks on a city they are taken to a detail page.
The detail page provides the user with a 5 day forecast and a more detailed overview of the current weather.