PROJECT DESCRIPTION

My goal was to create a single page React App using HTML, CSS, and Javascript/JSX. I based my page on country musician Kacey Musgraves and adapted elements from a CSS Zen Garden theme. In order to make the design responsive across various screen sizes I made use of CSS properties such as media queries.

I implemented various React properties such as the useState Hook in my EmailForm component and how each music album is its own separate component. I then used the 3rd party library React Router in order to link the album components together:

• wrapped <App> component in a <BrowserRouter> 

• used <NavLink> for nav bar in music section in AlbumList component

• used <Route> for paths for album information in AlbumInfo component

FINAL DESIGN

Click here to see the live page.