rautellin / project-music-releases

Music release app using Spotify API | JSON, JSX, CSS & React.js

A 'New Releases' music app with React

Used React components to build a page which shows new album and single releases based on an API.

View it live

https://rautellin-music-app.netlify.com/

What I learned 🧠

• 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
• How to structure React

Required 🧪

• Display each album; album cover image, album name, the name of each artist involved.
• Display a sidebar with playlists.
• 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.