Weather App using OpenWeather API and Bootstrap
You can view the web app here: https://gavinpwd.github.io/weather-app/
This app was inspired by the painting of Caspar David Friedrich “Wanderer Above a Sea of Fog (1818)”, awe-inspiring and genre-defining painting German Romantic art.
This weather web app was created using the following:
HTML5, CSS3, JavaScript
Bootstrap v4.5.2
Unsplash API
Google Fonts API
My Design Goals:
UI and UX should convey sense of fun and happiness
A simple web layout with easy to use search bar
Typography should be well-considered
Strategic use of colours and icons
Use of simple icons, bright colours and full screen image
Show results like cards from left to right
Mobile-friendly layout
Consider using floating elements, transparency, opacity, shadows
My Coding Goals:
Use comments strategically
Codes should be well organised and easy to read
Utilise documentation from Bootstrap, MDN and W3CSchools website
Reference any external code sources used
Use at least one API as part of the project
Trajectory of this project:
This project was beyond the MVP requirement
Resolve the Melbourne search issue - use a suggested list or geo-location API
Adding a close button for each card result
Add a compare, save and delete feature
Stretch Goal:
Create a Mobile app version that can be downloaded via mobile app store
Here is a sample screenshot of the web app:
