Unit11 Ships

Overview

In this module, you will create a dynamic page using a JSON data file and the fetch API

Fetch: Provides an interface for fetching local and network resources
Promise: Represents the success or failure of an asynchronous operation and its resulting value.
Error Handling: Providing a backup option if a problem is encountered
API: Application Programming Interface

At the end of this module, you should be able to...

Describe in general terms What Does an API Do based on what you learned form the above article. (read only this section)

Using the provided JSON DATA set, create a dynamic page that build a button for each ship and then displays that ship when the button is clicked.

Dynamically populate the navigation tag with buttons from the list of ships in the JSON file
Style them to look nice

Your page needs to meet these requirements

Link to a normailze.css file (this creates a common starting point for all browsers)
Link to a small.css file
Link to a medium.css file
Link to a large.css file
Link to an external Google Font of your choice
Media Queries are included in the medium and large css files
Demonstrate the design principles of Contrast, Proximity, Alignment, Hierachy, Wayfinding, and Visual Tangent.
Passes the HTML5 validation test.
Passes the CSS3 validation test.
Upload your assignemnt to GitHub
Change your repository to private
Publish the GitHub repository to Netlify using the name that they provide

In order to receive a grade for this assignment you must earn 90% of the points listed above.