WDD 230 - Web Frontend Development I

10: Collaboration Activity - Weather API

Overview

This activity will have you demonstrate your understanding of the learning activities by applying the concepts to your home page. ♨️Work with your group to apply the following specifications to enhance your own, course home page.

Instructions

Dynamic Weather Information

Weather Information Card Example
Figure 1: Home Page Information Card Example
  1. Open up your individual index.html, course home pages.
  2. Using openweathermap api, add the current weather conditions to the information card that currently has placeholder values. At the least, your information card should contain the following:
    1. The current temperature.
    2. The description of the current condition(s).
    3. The current condition weather icon.

Testing and Submission

  1. Always practice good design and development techniques by adhering to the course development standards.
  2. Commit your local repository and push your work to your wdd230 GitHub Pages enabled repository on GitHub.
  3. Submit your home page URL in I-Learn.