project-music-releases-vite-Emelie_Nyberg_Kedert

[EmelieNyberg]

Netlify link

https://project-music-releases-melodify.netlify.app/

[JennieDalgren]

Great job with this project!
You've met all requirements.

You’ve done a great job breaking the logic into smaller components (AlbumCover, AlbumName, ArtistName etc), each handling a specific part of the album's display. This improves code readability and maintainability.

Gotchas for next time:

1. Destructuring Props:
   Instead of passing props.albumcard in multiple places, you could destructure the props at the beginning of the function for cleaner code. For example:

const { albumcard } = props;
Then, you can directly use albumcard inside the JSX.

2. Passing Specific Props:
   Instead of passing the entire albumcard object to each child component, consider passing only the specific pieces of data that each child component needs. For instance, AlbumCover only needs the cover image URL, AlbumName only needs the album's name, and ArtistName needs the list of artists. This will make your components more modular and reusable.

<AlbumCover coverImage={albumcard.image} />
<AlbumName name={albumcard.name} />
<ArtistName artists={albumcard.artists} />

Keep up the good work