Skip to content

Assignment 10: Wetter API

Info

  • Due Tue Mon Jun 24 11:59pm
  • Extended Deadline
  • Max. Points 15
  • Late Submission: -3 points
  • You are required to code a solution using the strategies we have discussed in the lecture(s)
  • Submissions not accepted after Sun Jun 30 11:59pm

For this assignment, you will implement a weather plugin, showing the current weather and a forecast for a place specified by the user.

Important - Prerequisites

  • Use JavaScript classes to represent data models backed by data from a server (as shown in the lecture 18.06.24)
  • Use fetch, async, and await to interact with the chosen REST API

Your task is to develop a website weather.html that allows a user to query the weather for a location. Create a new folder for this assignment and put all files in this folder. Search for a Weather API which can be used for this task. At the beginning your website shows a large form to the user where he/she can specify the location. Similar as shown at the Google website.
After the user submits the form, query the chosen API and present the current weather, as well as some forecast, to the user. You are required to style (CSS) everything on your own. Be creative! This includes the start, where only the form is shown, as well as the weather and forecast for a specific location. Use flexbox and try to keep your CSS simple. The design is not the key task of this assignment. After the user has specified a location and the results are presented on the page, make the form smaller or move it to another position on the page. If the user enters a new location you have to query the API again and present the results to the user. Use classes and data models as shown in the last lecture.

Submitting

  • Zip your project folder and submit it on Blackboard - Assignment 10.
  • Upload your final assignment into a new folder in your public_html on your meise. Finally, provide a link named Assignment 10 - Weather Website on your personal page which refers to the weather.html file in the folder. I will visit your site and check the final submission.
  • Do not change the files on the server after the submission deadline.