search

beeoclock / business-public-page

0 stars 0 forks source link

Main landing page creation. #1

Open CyJanek-00 opened 2 days ago

CyJanek-00 commented 2 days ago

Creation a landing page for a public app that displays key information about the given place of service.

Functional Requirements:

  1. Salon Name: Display the placeholder name "Example Salon" at the top of the screen.
  2. Open Status: Add a status indicator for the salon.
  1. Opening Soon: If the opening time is less than an hour away, display the message: "Opens soon at [time]".
  2. Closing Soon: If there is one hour or less until closing, display the message: "Closing soon at [time]".
  3. Address: Display the following example address: "123 Example Street, Example City, 12345".
  1. Three Dots Menu: In the right corner, add a button with three dots (...). Upon clicking, it should display a list with options like: Switching the language. Sharing the page.

figma projects: mobile: image

web page: image

Karbashevskyi commented 2 days ago

@CyJanek-00

Each task that is created on the basis of visualization should be broken down into as few tasks as possible, so it is easier to track progress, and if the project already has server documentation, then the task can also be supported by what exactly from the server should be used to get the expected result.

For example, let's take a banner at the top of the screen:

image image

https://api.dev.beeoclock.com/client/documentation/swagger/v1#/default/BusinessProfileController_getBytenantId

It's also good to build a hierarchy of these tasks or number them in sequence, and it is also possible to add a project to the repository and add all the relevant tasks there.

In general, the first task would be to prepare a UI structure, that is, how the width of the content should be displayed on certain screens.