soliniak / Weather-App

React weather app working on data from openweathermap API. Determine weather in choosen city (pressure, wind speed, wind direction, temperature, humidity, cloud cover, visibility, sunset, sunrise) |

Home Page:https://soliniak.github.io/Weather-App/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Weather App based on openweathermap.org API with React

To do:

  • Create placeholder image to cities without assigned picture
  • Add time zones by calculating time zone using lon and lat
  • Work with opacity relative to time in city (at night darker overlay, at day lighter overlay)
  • Add one field with search input to type in city
  • Button to change between metric system, kelvin, fahrenheit, m/s to miles per hour
  • Tweak graphic design to something like so: Graphic inspiration

Done:

  • Connect to API and fetch data
  • Split to weather segments to display weather in different cities
  • Display detailed data about weather after click at city segment eg. pressure, wind direction, visibility etc.
  • Add weather overlay (rain, snow, sun)
  • Assign picture to major cities (London, New York, Warsaw, Moscow etc.)
  • Change background-image to img
  • Handle error codes (maybe different bg? - sad face :( )
  • RWD

About

React weather app working on data from openweathermap API. Determine weather in choosen city (pressure, wind speed, wind direction, temperature, humidity, cloud cover, visibility, sunset, sunrise) |

https://soliniak.github.io/Weather-App/


Languages

Language:JavaScript 66.2%Language:CSS 26.1%Language:HTML 7.8%