Project $4$: Veni Vici!

Overview

Have you ever wanted to discover more about a subject, but didn't know where to begin? Well, this is the project for you! This week, you will create a web app similar to the now$-$defunct StumbleUpon, which allows users to discover new things by clicking through random new stuff. The web app will display one element at a time with information through API calls in a random fashion. The user can influence what they want to see next via a ban list! For example, if the web app showed you a work of art created by Elizabeth Catlett, but you already know all of her works, then you can remove any works by her from future searches.

View an exemplar of the project here!

$$ Goals

By the end of this assignment you will be able to$...$

Make a static API call using async$/$await and save the results to a state variable

Be able to add and edit query parameters for API calls

Parse JSON data from an unfamiliar API

Required Features

Clicking a button creates a new API fetch request and displays at least three attributes from the returned JSON data

Only one item$/$API call is viewable at a time

API calls should appear random to the user

At least one image is displayed per API call

Clicking on a displayed value for one attribute adds it to a displayed ban list

Attributes on the ban list prevent further images$/$API results with that attribute from being displayed