Task 1: Display A List Of Records

[StefanieLoeser]

Value Proposition As a Vinyl-DJ I need to have a list of all my records to be able to have an overview over my collection.

Description

Acceptance Criteria

• [x] a header with "RecordCollection"
• [x] a list of all records from the owned collection
• [x] all record entries contain infos on artist name, title of the record, format, year of release, quality grade of the vinyl and a cover image.
• [x] the collection is scrollable when containing more entries than would fit the screen size

Tasks

• [x] create a new project with npx create-next-app@latest
• [x] create a new branch
• [x] create a Header component with <h1> title
• [x] create a Collection component with an ul and an li for each record entry
• [x] record entries to be created with dummy export from own collection as JSON data
• [x] store collection data in a state
• [x] render a list of records that are contained in the collection

[MerleMak]

Hi Stefanie, Beautiful wireframes! I think this User Story is too big. The form should come in a future User Story. You can use dummy data to first of all render a list of entries. Tipp: If your title included a + sign, it is probably too big :P Also an image upload is a lot of work and should be in another user story as well :)

[macfrei]

Just a bit of nit-picking: the acceptance criteria are notes about what the user should expect from your app. For example, what kind of products would be rendered? What happens if the products don't fit on one page? Should the page then be scrollable?

Where the data comes from and whether they are real data or dummy data should be irrelevant to the user for now. This might be a point under tasks:

- [ ] record entries to be created with dummy export from own collection as JSON data

Or something like that.

But the story is sweet and short and a good starting point 👍 💯