Traffic Light

Objectives:

Creating and nest Components
Passing props and how to using them in JSX
Importing and setting up state
Updating state and re-rendering the Component

Working Version

Here is a working CodeSandBox solution of the app so you can examine the components in React DevTools.

Starter CodeSandbox

Here is our Starter CodeSandbox

Instructions

Examine the working live solution and determine the functionality needed
Examine the HTML in App.js as this contains the HTML elements needed for the design
All the CSS has been included in styles.css
The bulbData.js file contains the data
Implement the solution based on what you see in dev tools