Implement frontend main layout #12

New issue

Open

opened 2026-05-17 13:02:23 +02:00 by daniel · 1 comment

daniel commented

2026-05-17 13:02:23 +02:00

Owner

We need a main layout on the frontend that is visible throughout every view/site etc. This layout contains the navigation, as well as the header. It also provides a place for the content.

In the end, the main layout should look similar to the below mockup. The colours are not yet defined and so the design must be built so that it uses the UI-Framework theming.

It is important that the main layout supports easily adding new categories and items to navigate the UI

We need a main layout on the frontend that is visible throughout every view/site etc. This layout contains the navigation, as well as the header. It also provides a place for the content. In the end, the main layout should look similar to the below mockup. The colours are not yet defined and so the design must be built so that it uses the UI-Framework theming. ![image](/attachments/44f117c1-48a2-4dd7-b2b4-55cb0d5c96fc) It is important that the main layout supports easily adding new categories and items to navigate the UI

image.png

103 KiB

daniel added the

Kind/Feature

Reviewed

Confirmed

labels

2026-05-17 13:02:24 +02:00

daniel added this to the Development project

2026-05-17 13:02:25 +02:00

daniel commented

2026-05-24 18:18:05 +02:00

Author

Owner

Since this is the first react app we are developing, it makes sense to think about the architecture during the implementation of this issue.

React Bulletproof is an example/a guide made for smaller react applications that don't need all that enterprise related stuff. This seems to be pretty much our use-case so its definitely worthwhile looking at it

Since this is the first react app we are developing, it makes sense to think about the architecture during the implementation of this issue. [React Bulletproof](https://github.com/alan2207/bulletproof-react) is an example/a guide made for smaller react applications that don't need all that enterprise related stuff. This seems to be pretty much our use-case so its definitely worthwhile looking at it