(Chrome or Firefox supported only)
Featured APIs:
Built with:
- React
- Sass
- Gulp
This app uses the following tools/libraries/methods:
fetch()fetch-jsonpby @camsong, which is how I was able to get around the CORS issue when trying to use the DarkSky API- spin.js, provides a nifty spinner animation to use for loading
- Weather Icons by @erikflowers
Originally I set out to build an app that would show the local weather. Per the freeCodeCamp spec, it needed:
- to show the weather at the user's current location
- to have a way to toggle between Fahrenheit and Celsius
- to show a different weather icon related to whatever the current weather conditions are
However, I decided to expand on the functionality, thinking it would be a nice challenge to add some features similar to the ones Google shows when you search for weather in their browser. The app should also:
- show the user's location (city)
- show the day and approximate time of the user's request
- show the weather forecast for the upcoming week
- have high/low temps and will also toggle between Fahrenheit and Celsius
- show other current weather stats (precipitation, humidity, wind speed)
- toggle wind speed between mph and km/h
This project grew exponentially as I worked on it. Just when I thought I was nearing the end, I realized the app should have another feature. But as a result, I learned so much about React and various tools and methods. And knowing is half the battle.