As a User,
I want to see the details of a selected bike,
so that I can see if I want to rent it.
Description
Clicking on a picture of a bike opens a details page and shows the foto and characteristics of that bike.
Acceptance Criteria
[x] Clicking on a picture opens the page "Details"
[x] A history of the links "Home", "Bikes" and "Details" is displayed.
[x] A picture of the selected bike is displayed.
[x] The details of the selected bike is displayed.
Tasks
[x] Create the component "ProductDetails" and pass it a product as prop.
[x] Add the foto of the selected bike.
[x] Add the details of the selected bike.
[x] Add a dynamic page "[id].js" in page "Bikes" to show the details of the selected bike. Use component "ProductDetails" with this current bike as prop. You can use "useRouter", ...etc.
[x] In "[id].js" don't forget to add the "Header" and the history links (with the respective links) as shown in the Excalidraw picture.
[x] Add functionality so that, in page "Bikes", when clicking on a picture, it opens the dynamic details page.
[x] ...In component "BikesList", nest the image in a link to the dynamic page.
Value Proposition
As a User, I want to see the details of a selected bike, so that I can see if I want to rent it.
Description
Clicking on a picture of a bike opens a details page and shows the foto and characteristics of that bike.
Acceptance Criteria
Tasks
Complexity
M