Sample App: UI website implementation

[Leo6Leo]

Problem

This issue can only be worked on when knative/ux#113 is closed

Create the front end application and convert the UI design that is being created from into the actual website. The implementation detail can be found in the design doc here.

The UI design can be found in this Figma file.

Please note:
This issue only require the front end component to be created. Functionalities, including but not limited to communicate with the backend, the action after the button is clicked, don't need to be operational.

Persona:

Which persona is this feature for?
Administrators and developers

Exit Criteria

• A Next.js application that contains the book detail page with the UI design specified in the design doc.
• A detailed documentation that explains it and include the setup guide

Time Estimate (optional):
How many developer-days do you think this may take to resolve?
2-3

Additional context (optional)

• Please comply with a good coding convention

[ctmphuongg]

/assign

[Leo6Leo]

Hello @ctmphuongg , replying your question about where to put the code here!

Regarding where to put the code:
You can put it in the knative/doc repo
under the directory: code-samples/eventing/bookstore-sample-app

You can create the new directory named "frontend"

So finally the file path should look like: code-samples/eventing/bookstore-sample-app/frontend

Please let me know if you have any other questions!