As a User, I would like to be presented with a Home Page, so I can start browsing vinyl releases

[attilagyongyosi]

Acceptance Criteria

AC 1. GIVEN a User has successfully logging in WHEN they are navigated to the Home Page THEN they are presented with a list of all the albums that are available for exchanging

Out Of Scope

• Loading indicator
• Error handling

Design

Design Details

• Album containers are 300px x 300px.
• The URL of the album placeholder cover image is https://upload.wikimedia.org/wikipedia/commons/thumb/b/b6/12in-Vinyl-LP-Record-Angle.jpg/1200px-12in-Vinyl-LP-Record-Angle.jpg. You can reference this or dowload the image and host it yourself as a static asset.
• Album cover image has 0.3 opacity.
• There is an 8px margin between album container elements.

Implementation Details

• The frontend should integrate with the existing GET /vinyls server endpoint to request the album data when the HTML document has been rendered. For the best browser performance, attach an event listener function to the DOMContentLoaded event and do your data fetching there. Documentation: https://developer.mozilla.org/en-US/docs/Web/API/Window/DOMContentLoaded_event
• The album panels should be constructed dynamically, via JavaScript, based on how many album is stored on the server.
• Reuse common CSS as much as you can and feel free to extend them. Also feel free to create a dedicated CSS source for the Home Page if necessary.

[attilagyongyosi]

Implementation has been accepted and merged. I am closing this item.