From c7d53d7c0fbd197a76ebf28cefbcba91a30ac1ca Mon Sep 17 00:00:00 2001 From: Jonathan Akwetey Date: Thu, 6 Feb 2020 22:57:33 +0000 Subject: [PATCH] contribution weather app --- Projects/2-Intermediate/Weather-App.md | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) create mode 100644 Projects/2-Intermediate/Weather-App.md diff --git a/Projects/2-Intermediate/Weather-App.md b/Projects/2-Intermediate/Weather-App.md new file mode 100644 index 00000000..b08811e3 --- /dev/null +++ b/Projects/2-Intermediate/Weather-App.md @@ -0,0 +1,26 @@ +# Weather App + +**Tier:** 2-Intermediate + +A weather application to get the temperature, weather type and whether it is day or night of a particular city using `accuweather`. A free weather api. + +## User Stories + +- [ ] Enter the name of a city into the `input` field. +- [ ] By pressing enter, the user submits the name of the city which updates the `DOM` with the temperature, weather condition, image of day or night and weather condition icon. + +## Bonus features + +- [ ] By closing the browser window the city name will be stored in localStorage and when the user returns, the name will be retrieved to make an api call to update the `DOM`. + +## Useful links and resources + +- [localStorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage) +- [accuweather](https://developer.accuweather.com/) +- [axios](https://github.com/axios/axios) +- [bootstrap](https://getbootstrap.com/) + +## Example projects + +- [Weather App on Codepen](https://codepen.io/tutsplus/pen/gObLaEP) by [George Martsoukos] +- [Coding A Weather App In Pure JavaScipt](https://www.youtube.com/watch?v=ZPG2wGNj6J4)