Front-end Development
Weather App
A weather forecast app that was built using JavaScript and integrated OpenWeather's
API for accurate weather data. Icons were sourced from Envato Elements for efficiency
purposes.
This was our final project for the SheCodes Plus workshop. We had to build a weather app that
allowed a user to either input a city of their choice or use their GPS location to display daily and
weekly weather details. Bonus points if we were able to figure out the temperature conversion
between fahrenheit and celsius measurements. I was able to add in the temperature conversion as well
as a light/dark mode for users who appreciate that sort of thing.
Tools + Languages
Web Development: HTML, CSS, JavaScript, API Integration, Bootstrap Framework, Git Version Control
Design: InVision Freehand
View Project
Challenges
JavaScript was completely new to me and having to code this app with vanilla JS was daunting. This weather app took me about 2-3 weeks of lessons and coding work to complete. The most challenging part of the app was converting the temperatures for different elements between celsius and fahrenheit measurements at the click of a button. I was also very ambitious and had ideas of animated backgrounds, icons, and all sorts of things to "wow" the user and make the weather app seem more interactive. (A lot of those ideas didn't end up making it in the final product).
Solutions
I spent a good 3 days trying to learn and figure out ways to integrate the "big ideas" I had and realized it might not be as feasible and efficient as I had thought. While my intent came from a good place, I realized that building a solid, and working, MVP product was more valuable than a janky, partially working app. I spent more time trying to refine my app and make sure that I can hit all the necessary points and check off the bonus challenge instead.
Learning Points
Progress over perfection.
At times I realize I can be overly ambitious
and have many ideas that I want to execute that oftentimes might not be practical or efficient. I
learned that building a usable MVP product first should be the goal. Refining can come later!
