CPSC270
Software Engineering and Project Design

Activity 13

React Lifting State

Reimplement the Image Gallery using React. This version of the web app should:

  1. not have a button to darken the actual image.
  2. change the appearance of the selected thumbnail (darken, outline, etc.).
  3. have a three react components:
    1. the full image.
    2. a single thumbnail image.
    3. the app which contains the full image and five thumbnail images.

Feel free to use the HTML, CSS, and JavaScript code from the previous version of the app to facilitate creating the React version.