Single Product Page

[KatiaGhezali]

Task title

Create Product Details Page

Task description
Implement a new page in the Next.js app to display detailed information about a product. The page should include product images, name, price, condition, description, seller/borrower information, and a map showing the product's location.

Subtasks

Component Creation:

• ProductDetails. #32
• Map. #33

Responsive Design:

• Ensure the layout is responsive and adapts well to various screen sizes, including mobile devices and tablets.

Testing:

• Test the page thoroughly to ensure all elements are displayed correctly, and the map integration works as expected with data fetched from Firebase.
• Address any responsive design issues on different devices and screen sizes.

Screenshots

Link to the component on Figma

The Product Details Page On Figma