Display SearchBar

[grasipacheco]

As a user I want to have a search functionality so that I can search for a specific movie

Description

display SearchBar results

Acceptance Criteria

• [ ] Search bar should be displayed in the main page
• [ ] Above the movie list, a title with the text "Results for:" is displayed
• [ ] Search bar contains input field and submit button
• [ ] When submitting the form, a list of movies data related to the search term is fetched and displayed
• [ ] After searching for an movie, the title of the MovieCard Component changes to "Results for: ".

Tasks

• [ ] Create the feature branch search-bar
• [ ] Create a component called SearchBar
• [ ] Replace the <search term> term with the search input query
• [ ] Make sure to use State

[grasipacheco]

Work on user stories

[F-Kirchhoff]

Hey MovieStar Team, nice user story, the acceptance criteria are great! I only found some typos and would like to see more tasks added:

• remove "display SearchBar results" from description
• fix the rendering of "acceptance criteria". A space is missing and the title is not rendered correctly
• "After searching for a movie"
• the title should change to "Results for: " if I am not mistaken

Please add some more details in the tasks how to handle the search:

• do you fetch from the client or do you want to create an api route for that?
• "make sure to use State" is a bit vague, please specify what kind of state and for what data
• do you want to use swr for fetching? If so please add it here.