WDD 230: Web Frontend Development I

W06: Chamber Project - Home Page Enhancements

Overview

The project milestone adds dynamic content to the chamber project home page and prepares for the final submission of the chamber project site.

Instructions

  1. Continue to improve each page of the chamber site project that you have worked on so far in the course by fixing development standard issues.
  2. Use the feedback that you have received to make updates.
  3. On the home page, provide actual weather data for the chamber location using a OpenWeatherMap API.
    At the minimum, include:
    • the current temperature,
    • the current weather description, and
    • a three (3) day temperature forecast.
      The forecast data is provided for free using the forecast API at api.openweathermap.org. The data provides comes in three hour increments. Remember to use the console or something like Thunder Client to test and view the API data.
  4. On the home page use your JSON data source of members to supply two to three 'spotlight' advertisements for the chamber members who have silver or gold membership levels only.
    • The home page should randomly load different, qualified members.
  5. Add a banner on the home page that invites visitors and users to attend the chamber of commerce meet and greet on Wednesday at 7:00 p.m.
    • This banner should only appear on Mondays, Tuesdays, and Wednesdays.
    • Enable the user the ability to close the banner. ❌
  6. Make sure all the links are working on all the pages.
  7. Make sure all the images are working on all the pages and that they are optimized.
  8. You are responsible for all the requirements for content and layout given for each of the pages by the end of the course.
  9. Continue to use the Course Dev Standards Checklist to test each page of your site, including your home page after you add the following features and functionality.

Submission

  1. Commit and push your updates and additions to your wdd230 GitHub Pages repository.
  2. Return to I-Learn to submit your chamber project URL.