Activity: Intro to React (Carousel + Gallery)

1. Install Node.js

If you haven’t already, please install Node.js.

Navigate to the lecture16 folder on your command line. Then run:

npm install     # installs node packages from the package.json file
npm start       # starts your react app

Make a Carousel component that take a Gallery object as an argument (i.e. “property”)

It should have a next button and a previous button that advances / the carousel in either direction.
It should loop around when it gets to the end or the beginning

Remember, to re-render a component, modify its state using the built-in useState() function. Import as follows:

import { useState } from 'react';

Make a Galleries component that lists the various galleries that the user can browse.

Add functionality so that when the user selects (clicks) one of the galleries, the Carousel component re-renders with a new gallery of images

Note, you will have to “lift up state” by tracking the current gallery in the parent component (App)