Skip to content

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.

License

Notifications You must be signed in to change notification settings

khumbulani9/Server-APIs-Weather-Dashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Table of contents

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

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

Screenshot 2024-03-22 223529

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 code

This 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:

Reference

© 2023 edX Boot Camps LLC. Confidential and Proprietary. All Rights Reserved.

About

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.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published