After doing some reflecting, I just realized that there’s one thing I share with Storm from the X-Men...we both can control the weather. Okay fine, I can’t conjure thunderstorms at will or summon tornadoes like Storm but what she can’t do is build a weather app. So grab your umbrella and raincoat and join me on a stormy journey to creating an app that tells you to wear those UGGs you got for Christmas or avoid that sleeveless shirt you’ve been waiting so long to wear.
How it all began
This assignment was for SheCodes Plus. What is SheCodes you ask? It’s an awesome organization that helps womxn start their careers in tech. It’s also the place that helped me punch imposter syndrome in its face and start my coding journey. So, let me tell you how I went from a complete weather app newbie to a weather app creator extraordinaire (I'm only slightly exaggerating). It was a wild ride, but I'm excited to share with you how I planned and built it.
Designing & Developing my vision
In the design phase, I initially wanted the app to be similar to the ones on the iPhone or iPad(click here to view the design). However, as I tried to put my vision into HTML, CSS, and Bootstrap, things quickly started to go awry. It was a bit like trying to navigate a ship through a hurricane. No matter what I did, the layout just kept acting weird. Eventually, I had to swallow my pride and start over with a more simple design(click here to view the design).
But even then, I thought things would get easier. Little did I know, I was still heading right toward a storm.
One specific challenge I faced was creating the function and integrating the API to make the city and weather icon change based on the user's choice. It took me a while to get it working properly, but I eventually overcame it by breaking it down into smaller steps and seeking help from the technical assistants on SheCodes' Slack community and coding comrades from other communities.
It was like being in the sun when I finally got it to work! But let's not get lost in the past, we've got bigger fish to fry with this project. Time to put my coding skills to the test and take this weather app to the next level!
Now that the app is up and running, my mind is spinning like a tornado with ideas on how to make it even better. First, I want to add the five-day forecast section so users can plan their outfits and avoid any unexpected rain showers. And let's be honest, nobody wants to be caught in a downpour wearing their best clothes to their friend's wedding.
Next, I want to make the app more mobile-friendly for all those tiny screens out there(Chrissy Codes does not endorse phone screen discrimination). Finally, I want to add a daily motivational quote that pops up when users search for the weather in a city because everyone needs encouraging words in the morning. Man, I can’t wait to see those ideas come to life! 🤩
3 2 1 Waiting GIF by Funimation
Level Up Glu GIF by Ground Level Up
Looney Tunes Nothing to See Here GIF by Heck Yeah Reactions
Next Step Cat GIF by PBS Kids