EASY

Weather App

A weather app allows the user to look up weather information for a specific location

Checklist

  • Your demo and repository URLs are correct.
  • You have completed all of the user stories.
  • Your site is deployed up and running.
  • Sensitive data is not publicly visible.

A weather app allows the user to look up weather information for a specific location. Usually information such as temperature (Celsius & Fahrenheit), weather description, wind speed, daily and 5 day forecast is provided to the user. Building a weather application is a good beginner application that teaches you how to fetch data from an API and display it to the user.

User Stories

  • Display an input field to search for a city.

  • Display weather information including:

    • City and country name

    • Temperature (Celsius and Fahrenheit)

    • Weather description (sunny, rainy, windy etc...)

  • Input field should have validation. For example, user should not be able to perform a search if the input field is empty!

Bonus Features

  • Display weather information for user's current location.

  • Display city location on a map (Google Maps, Mapbox).

  • Display 5 day forecast.

  • Save a city location to a favorites list.

Useful Links and Resources

Example Projects