An open API service indexing awesome lists of open source software.

https://github.com/agworkgit/geolocation-forecast-app

A geolocation weather forecast app built with the help of Open Weather API.
https://github.com/agworkgit/geolocation-forecast-app

api css edx html javascript jquery weather

Last synced: 3 months ago
JSON representation

A geolocation weather forecast app built with the help of Open Weather API.

Awesome Lists containing this project

README

          

# Weather Forecast Dashboard With Geolocation

### Description

A weather forecast dashboard with geolocation from an API and persistant data.


This is a graded assignment for module eight of edX's Skills Boot Camp in Front-End Web Development.

## User Story

```text
AS A traveler
I WANT to see the weather outlook for multiple cities
SO THAT I can plan a trip accordingly
```

## Acceptance Criteria

* Create a weather dashboard with form inputs.
* When a user searches for a city they are presented with current and future conditions for that city and that city is added to the search history
* When a user views the current weather conditions for that city they are presented with:
* The city name
* The date
* An icon representation of weather conditions
* The temperature
* The humidity
* The wind speed
* When a user view future weather conditions for that city they are presented with a 5-day forecast that displays:
* The date
* An icon representation of weather conditions
* The temperature
* The humidity
* When a user click on a city in the search history they are again presented with current and future conditions for that city

## Usage

The following image shows the web application's appearance and functionality:

![This web app is built with the use of pure HTML, CSS and JS.](/images/demo/weather-demo.gif)

> **Note**: This layout is designed to be responsive.

The following link will take you to the deployed webpage

## Installation

No installation required, application is accessible at the deployed link.

## License

MIT License

Copyright (c) 2023 Alex Grigore

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

## Badges

![edX](https://img.shields.io/badge/edX-%2302262B.svg?style=for-the-badge&logo=edX&logoColor=white)
![GitHub](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white)
![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
![jQuery](https://img.shields.io/badge/jquery-%230769AD.svg?style=for-the-badge&logo=jquery&logoColor=white)
![macOS](https://img.shields.io/badge/mac%20os-000000?style=for-the-badge&logo=macos&logoColor=F0F0F0)
![Affinity Designer](https://img.shields.io/badge/affinity%20desginer-%231B72BE.svg?style=for-the-badge&logo=affinity-designer&logoColor=white)