kai-franke/capstone-project

Library page

Closed this issue · 2 comments

kai-franke commented

Value Proposition

As a tutee1, I would like to have an overview of the tutorials available to me so I can choose which content I want to learn.

Description

capstone-userstory-01

Acceptance Criteria

  • shows the headline 'MY TUTORIALS'
  • shows a list with names and images of all available tutorial
  • shows the message "No more tutorials"

Tasks

  • create a new branch
  • create a LibraryPage component
  • create a TutorialList and a TutorialListItem component
  • add h2 'MY TUTORIALS'
  • create an array with demo content:
const initialTutorials = [
 {
   'id': 'b74d7e1c-acc4-4f65-bfd9-aeaa70dd6878',
    'name': 'baking bread',
    'img': 'url'
 },
 {
   'id': '6c3158b7-908a-4472-8379-34296a31009d',
    'name': 'building bunk bed',
    'img': 'url'
 },
 {
   'id': '01a29dba-6feb-401c-85eb-77f58d5761d8',
    'name': 'bathing hamster',
    'img': 'url'
 },
]
  • map over this array to create a TutorialListItem for each

Footnotes

  1. a person who is tutored ↩

F-Kirchhoff commented

Kai, this is an amazing first user story. Keep it up! There is only one caveat: The items of your list should not be links (yet) since there isn't anything they can point to.

You could also start with another userstory for displaying the content of a single tutorial, but this approach is fine as well.

kai-franke commented

Thanks for your feedback, @F-Kirchhoff !

The items of your list should not be links (yet) since there isn't anything they can point to.

Done.