ohlunlacassi/hotel-tishjama

US6 - Service List (UD)

Opened this issue · 1 comments

shrocket commented

Value proposition

As a hotel guest
I want to see a list of available services
In order to research my options while staying in the hotel

Description

Image

Acceptance criteria

  • On the User Dashboard homepage, the user can see the following:
    • the name of the hotel: "Hotel Tishjama"
    • a small text: "Welcome! On this page, you will find a list of Hotel Tishjama's bookable luxury services! Enjoy your stay."
    • the word "Services"
    • a list of services, including the name of the service and a placeholder image (real images to be added during styling)
  • In the event of an error, you can see an error message "Our apologies, but we couldn't retrieve the list of our services. Please try again later."
  • At the top of the page, the user can find a link to the Service Provider Dashboard

Tasks

  • create feature branch: feature/service-list-UD

User Dashboard Creation

  • in pages/index.js return the function ServiceList

Simple Dashboard Switching

  • in pages/index.js add link to pages/SPD/index.js and add "Service Provider Dashboard"
  • in pages/SPD/index.js add link to pages/index.jsand add "User Dashboard"

User Dashboard Welcome text

  • create a <p>element at the top of the page with the text: "Welcome! On this page, you will find a list of Hotel Tishjama's bookable luxury services! Enjoy your stay."
ahohnsen commented

Heyho!

Beautiful value proposition 🥳

I have a few suggestions:

Scribble
Will the links for switching between the User Dashboard and the Service Provider Dashboard be labeled as depicted in your sketch? In my view, it would be beneficial not to use abbreviations in this context, as the majority of users may not readily grasp the meanings of "UD" and "SPD." 🤔🤔

Acceptance Criteria
Please keep in mind, that we do not want to use technical terms in the acceptance criteria. Therefore I would suggest the following:

  • On the User Dashboard [UD] homepage, the user can see the following:
    • the name of the hotel: "Hotel Tishjama"
    • a small text <p>: "Welcome! On this page, you will find a list of Hotel Tishjama's bookable luxury services! Enjoy your stay."
    • the word "Services"
    • a list of services, including the name of the service and a placeholder image (real images to be added during styling)
  • In the event of an error, you can see an error message. ☝️If you do not display the error message in your scribble, please specify here, what the error message will look like (What does the message say?)
  • At the top of the page, the user can find a link to the SPD (this will be refactored with the addition of a nav bar)