Weather App

Know before you go

Are there storms ahead?

Processing Data is a big part of front end engineering. I put together a little weather app to practice using an API and processing the information

Check out the detailed explanation below, see the app live or see the Github Repo

Screenshot of the main page before information added

The Method:

The project started with an HTML div. I found a template online that matched my needs and was up-and-coding quite quickly with only some mild cosmetic changes needed.


After the HTML was in place, the CSS and Javascript started.


Once the functions were all mapped out, I added some extra code to ensure that the search city would vanish from the form after each search. I think I still have some cosmetic improvements to make but all-in-all it was a fun exercise.


Unexpected Challenges:

I had a spot of trouble with the API, after registering to use the Weather API I found the API call was not working. I refreshed and waited a bit, having resigned myself to having made a mistake along the line. Forturnately, my debugging was short-lived as the API subscription kicked in and started working.


Screenshot of the main page after information added