Detailed Card View

[JonoSommers]

Description:
The Detailed Card View should display a larger version of the card when clicked, allowing the user to view the details. The view will also display the card's large image URL, and provide buttons to leave the view, remove the card from a binder, and add it to the user's favorites.

Details:

• Clicking on a card will bring up a larger image of the card with additional details.
• The large image URL of the card will be fetched from the card's data and displayed in the Detailed Card View.
• The view will include buttons at the top:
  • Leave View Button: A button to return the user to the previous view (search or binder view).
  • Remove from Binder Button: A button to remove the card from the current binder.
  • Add to Favorites Button: A button to add the card to the user's favorites (will display a message if the favorites are full).

Examples:

• Example Request Body for Adding to Favorites:

{
  "card_id": 1,
  "user_id": 123
}

• Example Response Body for Adding to Favorites (if favorites are full):

{
  "message": "Your favorites list is full. Please remove a card before adding another."
}

• Example Response Body for Removing from Binder:

{
  "message": "Card has been removed from your binder."
}

Acceptance Criteria:

• When clicking on a card, a larger image of the card is displayed with its details.
• The Leave View Button works as expected, navigating the user back to the previous view (search or binder view).
• The Remove from Binder Button removes the card from the current binder.
• The Add to Favorites Button adds the card to the user's favorites, or displays a message if the favorites list is full.
• The correct large image URL for the card is displayed.
• The Detailed Card View loads correctly without errors and displays the correct card details.