Skip to content

This is an application which lets user's search for cities for weatehr updates over the span of 5 days. For this application I used a server-side API, to fetch data from the Open Weather Map API to display based on a user's request.

License

Notifications You must be signed in to change notification settings

Kohl1998/weather-dashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Weather Dashboard

Description

For this application I created a weather dashboard that helps users with the forecast for the next 5 days with various cities for example Berlin, London, & New York.

During the process of building this application I learnt how important it is to become resourceful with peers, & Google when you find yourself struggling to come up with solutions. Also, I really learnt how important it is to understand documentation when using server side API's, as this helped me to format my URL.

Installation

I setup a remote repo on Github to work from, which I then cloned to my local repository so I can have the two in sync.

Afterwards, I used vscode which is an integrated development environment which allowed me to update the software code, but also see the code in action using the live server extension.

Lastly, once I was done I pushed all the updates to my remote repository from my local repo using commits, and once I was happy I deployed the changes to the live website.

Usage

To utilise the application the user has to type in a city, to see the current weather conditions, over the next 5 days.

Screenshot

weather-dashboard1.png

link

https://kohl1998.github.io/weather-dashboard/

Authors and acknowledgment

Collaborators listed.

Credits

I used 'Slack' for support - https://slack.com/intl/en-gb I used 'Openweathermap' for API data - https://openweathermap.org/ I used 'Stack overflow' for support with rendering icons - https://stackoverflow.com/questions/44177417/how-to-display-openweathermap-weather-icon I used 'MomentJS' for fetching times - https://momentjs.com/docs/ I used 'Bootstrap 5' for the UI - https://getbootstrap.com/docs/4.0/components/card/ I used 'Font Awesome' for icons - https://fontawesome.com/search?m=free&o=r I used 'Post image' for support - https://postimages.org/

Features

The application features icons to represent the weather.

License

License: MIT

About

This is an application which lets user's search for cities for weatehr updates over the span of 5 days. For this application I used a server-side API, to fetch data from the Open Weather Map API to display based on a user's request.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published