theresaulwahn / project-music-releases

A 'New Releases' music site using React

Used React components to build a page which shows new album and single releases.

View it live

https://mrsucodesproject9thenewmusicreleaseproject.netlify.com/

Questions asked and answered

• How to write React components
• How to use .map to iterate over an array of data and mount many components
• How to use React props to feed information to components
• How to structure React projects into small chunks

Required 🧪

• Display each album; album cover image, album name, the name of each artist involved.
• When hover over an album should show a play button
• When hover over the play button, it grows
• When click the album, it links to the album's external url in the data
• When click on an artist, it links to the artist's external url in the data
• The page is response, showing 4 albums per row on desktop, 2 per row on tablet, and 1 per row on mobile.