luziehtan / capstone-project Goto Github PK

Value Statement

As a user
I want to add a food category to my movie
so I can connect the movie with the food I'm planning to eat while watching

Scribble

Acceptance Criteria

• new input field with dropdown menu
• all possible food categories are visible

Tasks

• add new input field with dropdown menu
• implement all possible food categories
• connect with submit button
• make food category visible in list after the movie

Value Statement

As a user
I want to filter the movie list by food category
so I can see only filtered movies

Scribble

Acceptance Criteria

• Dropdown menu filters by food category updates movie list
• Movie list shows only filtered movies

Tasks

• Dropdown menu with filter function
• Filter by food category

As a user
I want to switch between HOME and MOVIE LIST/MOVIE FORM
so I can either get a movie suggestion or add movies to my collection

Acceptance Criteria

• Navigation with two buttons and working Router
• Button changes color when active

Tasks

• Navigation component
• Router
• Color toggle

Value Statement

As a user
I want to choose my food category
so I can receive a list of all movies matching the food category

Scribble

Acceptance Criteria

• Own page "MovieSearchByFood"
• Form with dropdown menu with food category list
• Button with on submit filter function
• Router to a "Movie Suggestions" page
• Movie Suggestions page shows all movies in chosen food category

Tasks

• Page Component for MovieSearchByFood
• Form with new onSubmit function
• Router
• Page Component for MovieSuggestions

Tasks

• Write header component

As a user
I want to remove movies from my list
so my movie list is always up to date

Acceptance Criteria

• Trash icon next to movie removes the list entry from both the list and localStorage

Tasks

• Import and implement trash icon
• Add onClick function to icon (as button)

Value Statement

As a user
I want to add new movies to my collection
so I can see my collection

Scribble

Acceptance Criteria

• a form with input for a new movie
• a button to submit the input (button component)
• the button submits via enter or click (onSubmit)
• a simple list with all movie entries
• focus back on input after commit
• new movie is added to the list (sort list alphabetically?)
• save in localStorage

Tasks

• Form component
• Input component
• Button component
• Movie List component
• localStorage
• Add basic styling
• Add testing

As a user
I want to receive 3 movie suggestions when I choose my food category
so I can decide which movie to watch while eating

Acceptance Criteria

Value Statement

As a user
I want to switch between the form and the list
so I can add new movies on one page and see the list on another

Scribble

Acceptance Criteria

• Only the form on one page
• Only the list on one page
• Form page has the inputs for movie and food categorie and submits on button to the list
• List page has the movies and a button linked to the form page so one can add new movies

Tasks

• Separate form from list into two pages
• Add router
• Add button to list page linked to form page