https://github.com/aniraannu/weather-dashboard

Challenge 6 - Server-Side APIs: Weather Dashboard
https://github.com/aniraannu/weather-dashboard

Last synced: about 2 months ago
JSON representation

Challenge 6 - Server-Side APIs: Weather Dashboard

• Host: GitHub
• URL: https://github.com/aniraannu/weather-dashboard
• Owner: aniraannu
• Created: 2024-05-05T23:06:07.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-05-10T23:43:29.000Z (9 months ago)
• Last Synced: 2024-05-11T05:24:39.939Z (9 months ago)
• Language: JavaScript
• Size: 122 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# weather-dashboard

A simple web application that allows users to search for a city to get the current weather and 5 day forecast. Cities that users previously looked up will be saved in their local storage.

## Description

This weather dashboard allows users to search for a city to get the current weather and 5 day forecast. It will display the the city name, the date, an icon representation of weather conditions, the temperature, the humidity and the wind speed. it also has a 5-day forecast that displays the date, an icon representation of weather conditions, the temperature, and the humidity for next 5 days. The search history or the names of the city's you searched for  will be saved in local storage and automatically populated as buttonns in the UI. You can simply press these city buttons to get forecast data for those cities.

The following animation demonstrates the application functionality: 

## Getting Started

The application can be simply accesed using the link of the GitHub Pages. The following image demonstrates the web application's appearance:

![Image of the completed Application.](./assets/images/weather-dashboard-home-screenshot.png)

User can search for a city using the search box input. Then the current value and the 5 day forecast will be displayed in the home section.Also the searched city will now appear as a button below the search button. The page will look like the following image:

![Image of the page with the current weather and 5 day forecast displayed.](./assets/images/weather-dashboard-screenshot.png)

### Dependencies

* none

### Installing

* No installation required. The application is deployed using GitHub Pages

### Executing program

* The application can accesed directly using the link:

[GitHubPage-weatherboard](https://aniraannu.github.io/weather-dashboard/)

## Help

NA

## Authors

Contributors names and contact info

Anira Raveendran

[@aniraannu](https://github.com/aniraannu)

## Version History

* 0.1

    * Initial Release

## License

None

## Acknowledgments

Inspiration, code snippets, etc.

* [dbader](https://github.com/dbader/readme-template)

* [openweatherAPI](https://openweathermap.org/forecast5)