"clicking on a button" is not a real need of a user, something like "as a user I want to access more information about each movie in order to learn more about them".
Description
The wireframes don't need to have a lot of detail, but they should represent the correct dimensions, please create wireframes that display the proper sizes and scales of images, buttons etc.
please don't use real images or screenshots from other websites, but roughly sketch the elements in a coherent style. For images, you can use placeholders like a box with lines connecting the opposite corners.
Acceptance criteria
"create a button" sounds more like a task, you can write: "a Link with the text "more information" is displayed on each movie card" or "clicking on the movie cover opens the details page for the respective movie"
"display a on a MovieCard" seems to have a typo
"create a Details page "is a task not an acceptance criteria
The back to home button should be located at the bottom of the details page, but in the wireframe its displayed at the top of the page
Tasks
"create that" is not a suitable task
you need to add more information about what tasks need to be done in order to create this feature. Another developer would not know what to do by this list. Keep in mind to describe how to create a dynamic page and how to link to those. Where does this details page get its information from? You will very likely need to fetch data here as well.
Value proposition
As a user I want to access more information so that I can read about each movie in order to learn more about them
Description
Acceptance Criteria
Tasks
movie-detail
MovieDetails
image
,title
,director
,release
,duration
,genre
Link
component to navigate to the details pagepages/[id]
that renders MovieDetails.id
fromnext/router
id
to find the movie to displayLink
component in the main index.js to go back to the main page