hkarpinen/web-weather

A web based weather application that also supports weather layers on the geographic map.

Technology

This app is built upon various 3rd party APIs and the React framework. All API calls are done via functional components. There are no class components.

APIs we used to fetch information:

• OpenWeatherAPI
• OpenStreetMap
• CyclOSM

Features

• You can select a weather layer to display on top of the map.
• You can view weather information like:
  • Current Temperature
  • Lowest Temperature (Daily)
  • Highest Temperature (Daily)
  • Wind Speed & Direction
  • Precipitation %
  • Visibility Distance
  • Atmospheric Pressure
  • Sunrise time
  • Sunset time
• You can also change the metrics the measures are calculated in. You have the following options:
  • Imperial
  • Metric

Supported Weather Layers

You can only have one layer active at a time. Clicking one while another is on will turn off the previous layer. Clicking a layer that is already on will turn it off.

Cloud Layer

Precipitation Layer

Sea Level Pressure Layer

Wind Layer

Temperature Layer

Cycling Layer