Random Color Component
Create a component that uses axios to GET a random color from the random color API and sets that component's background color to that random color. https://www.colr.org/json/color/random?timestamp=${new Date().getTime()}
Black Rock Digital Using Props
Create this site in React (you can feel free to change the styling a little bit, but the layout should be similar) https://blackrockdigital.github.io/startbootstrap-clean-blog/ There two points to this exercise. #1: Using the App component to contain a few of the major components of the page. #2:
Name Entry
Build a simple react app with an input box, an
, a button, and an ordered list. The user will type names into the input box.
When the user types in the input box, the should update to show the same text as the input box.
When the user clicks the
Flatten Array
Given an array of indeterminate depth (dimensions), return a flattened version of the original array. function flatten(arr) { } let arr = [1, 2, [3]] flatten(arr) // returns [1, 2, 3]; let arr2 = ["hello", ["this", "is", ["a", "4 dimensional", ["array"]]]]; flatten(arr2) // returns ["hello", "this", "is", "a", "4 dimensional", "array"]; Hint This
Superhero Events
Build a React app that displays a list of superheroes with their name and image. When any part of the superhero component (name or image) is clicked, that superhero's catchphrase should show up in an alert box on the screen.
Your app should use:
* a