How's the rain?

How's the rain?
Photo by Max / Unsplash

This weather dashboard webapp was built during Bootcamp to experience tapping into an existing API. In addition to the Open Weather API, I also connected to the Google Places API so I could utilise location search and Google Maps to add a spatial element. To tweak it I added autocomplete for the locations, and, a simple toggle to switch between Celsius and Fahrenheit.

The previous results are kept in the browsers Local Storage just for that little extra convenience. One of my favourite CSS frameworks is Materialize, I utilised that for this site, along with JQuery.

Given I have had some (limited) training in Meteorology, and my spatial background, I really enjoyed this project. I could have lingered on it for a lot longer but the Bootcamp was fast moving so had to build it and move on.

  • Google Places API
  • OpenWeather API
  • jQuery
  • Materialize
Weather Dashboard
View the deployed app on GitHub Pages
GitHub - JayArghArgh/weather-dashboard: A weather dashboard utilising JQuery, a weather API, and Materialize CSS
A weather dashboard utilising JQuery, a weather API, and Materialize CSS - GitHub - JayArghArgh/weather-dashboard: A weather dashboard utilising JQuery, a weather API, and Materialize CSS
View the code on GitHub