Skip To Content

Weather App

A Weather Application that pulls data from an API and provides realtime forecasts
GitHubLive Site

Project Overview

This Weather Application utilizes an API Key (from openweathermap.com) to fetch short-term forecasts for over 200,000 known cities in the world. The user can search for a city and be provided with the current temperature and description, as well as the sunrise and sunset in Pacific Standard Time. The background images, taken from Unsplash, are dynamically generated based on what the weather is like for the day.

Project Tools

Next · Tailwind · Adobe XD

Project Duration

1 Week

Roles

UI Designer · Front-End Developer

Product Features

While I didn't put too much focus into the design of this project, I did enjoy some of the features I was able to incorporate into it. One of those features was having the background images update depending on what the current weather is. By providing images that dynamically update based on the current weather, this would add visual appeal (and hopefully enhance the user's experience). In other words, it provides an intuitive and immersive way for users to quickly grasp the current weather conditions at a glance.

Current Tokyo weather showcasing a cloudy background
Current Manchester weather showcasing a sunny background

Get in Touch.