Pet Details

[Krischan-Klug]

Value proposition

As a pet lover, I want to see detailed information about my pet, so that I can better understand its needs and overall well-being.

Description

Acceptance criteria

• Selecting a pet from the list opens a detailed view showing:
• pet name
• emoji/Icon
• health level
• happiness level
• hunger level
• energy level
• health level, happiness level, hunger level and energy level are shown through a stats bar or as a numerical value, indicating the pet's --current state.
• The detailed view includes an option (e.g., a "Back to Pets Overview" link) allowing users to easily navigate back to the main list of pets.

Tasks

• create feature branch feature/pets-details
• create detail page
• H1 pet name
• image / emoji of pet in the center of the page
• health level bar
• happiness level bar
• hunger level bar
• energy level bar
• back button that leads to pet collection page