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 <SuperHero/> component
  • A JSON file where all the superhero information is stored
  • .map to display the correct number of component instances (based on however many superheroes you have in your JSON file
  • An event handler function that gets passed down to the child <SuperHero/> component