Local Weather App
This is a web based weather app that gets the user's geolocation and makes a call to a weather api to get data about the current weather. The user can toggle between imperial metric units by clicking on the temperature or the wind speed. Also depending on the current forecast the SVG icons will change to mirror the weather conditions.
Getting Started
Check out the live demo!
Built With
- HTML/SCSS
- ES6 JavaScript
- Gulp for automating tasks
- Babel for converting ES6 to ES5
- No JS or CSS libraries
- Uses
fetch()
to make API call. May not work with some browsers
Objectives
This project is one of the intermediate front end projects for freeCodeCamp.
The three user stories that must be fulfilled are:
-
User Story: I can see the weather in my current location.
-
User Story: I can see a different icon or background image (e.g. snowy mountain, hot desert) depending on the weather.
-
User Story: I can push a button to toggle between Fahrenheit and Celsius.
License
This project is licensed under the MIT License - see the LICENSE.md file for details
Acknowledgments
- https://www.amcharts.com/ for the icons
- Pixabay for the background image