Weather App - Vanilla Javascript

Weather App - Vanilla Javascript

Built with HTML, CSS and JavaScript

This Weather App followed the same building structure as the “Cooking Project” but using more advanced HTML, CSS and JavaScript. It also was the first project implementing an API and retrieving data from that Weather API.

Besides using more advanced techniques this time, before creating the App in VS Code, I created a Wireframe, how I pictured my Weather App and to have something I can orientate the styling on. This made the styling process easier and quicker, because this part was thought out in the beginning. I started the wireframe with Freehand and then transitioned to Figma.

This project also included hosting a project for the first time.

Combining all those steps, this Weather App is the result of this process.

Click here if you want to see what I look like full-screen.