Learn about controlled vs uncontrolled inputs... and fix

• Render the MarketsByZip page if the zip code is entered on submit

• Render the StateMarkets page if just the state in entered on submit

• Create App class

• Store state in App

• selectedState

• zipcode

• handleChange method for inputs

• Make Home a functional component

• utilize and connect input updates to App state

• no border on dropdown, input or submit
• border box shadowing on dropdown and input
• white button, pink GO!

In App render the Frame and...

1. Import logo
2. Build bars around logo for home page(this may need to be altered later for expansive pages like Vendors)
3. Build Navigation as Header with title
4. Nova Square font - set in index.scss
5. setup footer with copyright for now (may call for changes later)
6. Add color palette variables in App.scss (not sure yet how the variables cascade - research)

Add:

• p tag

• state dropdown menu

• input and label for zip code

• submit button

Create:

1. React app
2. Add sass
3. Create containers folder with

• Frame (header, side graphic and footer), js, test and scss files
• Home with js, test, and scss files
• Markets with js, test, and scss files
• Vendors with js, test, and scss files
• Cart with js, test, and scss files

Add basic structure to incorporate sass styling with files and folders using the 7-1 arrangement