Shopping Item Details

Value Proposition

As a user

I want to access detailed information about each item in my shopping list,

so that I can make informed decisions about what to buy.

Each item in the shopping list has a link to a details page.
Each details page contains:
- Shopping item name
- Shopping item image
- Shopping item quantity
- Shopping item category
- Shopping item comments
The detailed view includes a “back” link, allowing users to easily navigate back to the shopping list.

[x] Create feature branch feature/shopping-item-details
[x] Inspect and adapt the example data in the assets folder
- [x] Add an imageUrl for each shopping item, for example from unsplash.com. You first need the image in the User Story Shopping Item Details
[x] create page for item details
[ ] background-color is the category color
[x] item image displayed on the details page under quantity, name and category
[x] comments are displayed under the image
[x] implement dynamic routing

next-dynamic-routes
- Knowing implement dynamic paths - for the details page of a item
- Knowing how to generate links dynamically - link to a details page