https://github.com/khumbulani9/server-apis-weather-dashboard
Server APIs allow developers to access their data and functionality by making requests with specific parameters to a URL. Developers are often tasked with retrieving data from another application's API and using it in the context of their own. Your Challenge is to build a weather dashboard that will run in the browser.
https://github.com/khumbulani9/server-apis-weather-dashboard
apis bootstrap bootstrap4 css css-framework html javascript server serverapi sidebar
Last synced: about 1 month ago
JSON representation
Server APIs allow developers to access their data and functionality by making requests with specific parameters to a URL. Developers are often tasked with retrieving data from another application's API and using it in the context of their own. Your Challenge is to build a weather dashboard that will run in the browser.
- Host: GitHub
- URL: https://github.com/khumbulani9/server-apis-weather-dashboard
- Owner: khumbulani9
- License: mit
- Created: 2024-01-26T18:56:14.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-03-22T22:46:15.000Z (about 1 year ago)
- Last Synced: 2024-03-22T23:29:43.816Z (about 1 year ago)
- Topics: apis, bootstrap, bootstrap4, css, css-framework, html, javascript, server, serverapi, sidebar
- Language: JavaScript
- Homepage: https://khumbulani9.github.io/Server-APIs-Weather-Dashboard/
- Size: 232 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## **_Table of contents_**
* [description of the assignment](#description-of-the-assignment)
* [acceptance criteria](#acceptance-criteria)
* [link url to deployed app on github](#link-url-to-deployed-app-on-github)
* [website Page screenshot link url to github repository](#website-page-screenshot-link-url-to-github-repository)
* [contact Link url to github repository](#contact-link-url-to-github-repository)
* [Reference](#Reference)## Description of the assignment
Server APIs allow developers to access their data and functionality by making requests with specific parameters to a URL. Developers are often tasked with retrieving data from another application's API and using it in the context of their own. Your challenge is to build a weather dashboard that will run in the browser and feature dynamically updated HTML and CSS.
In order to achieve the objective we have to Use the 5 Day Weather ForecastLinks to an external site. to retrieve weather data for cities. T
## 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
## Schreenshot of the Deployed Application

## Grading Requirements
> **Note**: If a Challenge assignment submission is marked as “0”, it is considered incomplete and will not count towards your graduation requirements. Examples of incomplete submissions include the following:
>
> * A repository that has no code
>
> * A repository that includes a unique name but nothing else
>
> * A repository that includes only a README file but nothing else
>
> * A repository that only includes starter codeThis Challenge is graded based on the following criteria:
### Technical Acceptance Criteria: 40%
* Satisfies all of the above acceptance criteria plus the following:
* Uses the OpenWeather API to retrieve weather data.
* Uses `localStorage` to store persistent data.
### Deployment: 32%
* Application deployed at live URL.
* Application loads with no errors.
* Application GitHub URL submitted.
* GitHub repository that contains application code.
### Application Quality: 15%
* Application user experience is intuitive and easy to navigate.
* Application user interface style is clean and polished.
* Application resembles the mock-up functionality provided in the homework instructions.
### Repository Quality: 13%
* Repository has a unique name.
* Repository follows best practices for file structure and naming conventions.
* Repository follows best practices for class/id naming conventions, indentation, quality comments, etc.
* Repository contains multiple descriptive commit messages.
* Repository contains quality readme file with description, screenshot, and link to deployed application.
## Review
You are required to submit BOTH of the following for review:
* The URL of the functional, deployed application.
* The URL of the GitHub repository. Give the repository a unique name and include a readme describing the project.
## Link URL to deployed app on GitHub
https://khumbulani9.github.io/Server-APIs-Weather-Dashboard/
## Contact-link URL to GitHub repository
https://github.com/khumbulani9/Server-APIs-Weather-Dashboard
## Reference
https://bootcampspot.instructure.com/courses/5651/assignments/67074?module_item_id=1145710
---© 2023 edX Boot Camps LLC. Confidential and Proprietary. All Rights Reserved.