Andras/BoundlessFlowCampus2K

Fork 0

#251 Made a 404 page #265

Merged

b24johka merged 1 commit from #251-Create-404-page into team_1_week_1

2026-04-14 08:21:59 +00:00

b24jonel commented

2026-04-13 12:35:41 +00:00

Collaborator

The 404 page catches all unknown paths and routes to the 404 page. The 404 page has a button which links to the home page. However since nginx only starts after App is started, we can't catch anything before app starts. For example: localhost/ap will lead to nginx own 404 page which has no way to link to our home page.

image.png

62 KiB

b24jonel added the

needs review

label

2026-04-13 12:35:41 +00:00

b24jonel added 1 commit

2026-04-13 12:35:41 +00:00

#251 Made a 404 page 9cc2c06153

The 404 page catches all unkown paths and routes to the 404 page. The 404 page has a button which links to the home page. However since nginx only starts after App is started. Nginx then displays it's own 404 page which has no way to link to our home page.

c24elipe commented

2026-04-13 12:54:58 +00:00

Collaborator

Please read the wiki page before reviewing
https://git.webug.se/Andras/BoundlessFlowCampus2K/wiki/Webpage-Design

Please read the wiki page before reviewing https://git.webug.se/Andras/BoundlessFlowCampus2K/wiki/Webpage-Design

c24elipe requested review from b25marem

2026-04-13 12:55:21 +00:00

b24jonel was assigned by c24elipe

2026-04-13 12:55:43 +00:00

b25marem commented

2026-04-13 13:23:57 +00:00

Collaborator

reviewed based on the Webpage Design guidelines.

What I reviewed:
The layout and structure of the 404 page
Use of colors and adherence to the University colour palette
UI elements and overall usability
Whether the design follows the project’s graphical guidelines
Observations:

The page has a clear and simple layout with a centered card, which makes it easy for users to understand that the page was not found.
The header includes the application name and an icon, which helps maintain branding visibility.
The (Return to Home page) button is a good usability feature and provides a clear navigation path for the user.

Design and guidelines:

The main content area is light/white, which aligns with the guideline for the main body.
However, the illustration uses colors such as yellow, bright blue, pink, and purple, which do not match the defined University colour palettes (Rubine, Safir, Smaragd, Topas, Grafit).
The colors appear to be generic/emoji-style rather than using the specified palette hues.
It is also unclear whether the required fonts (AGENDA/TRUMP MEDIAEVAL or their fallbacks) are being used.

Functionality:
The 404 page works as expected for unknown routes handled by the application.
The limitation with nginx (not catching routes before the app starts) is clearly explained and acceptable.

Conclusion:
The implementation works well functionally and provides a clear user experience. However, the design could be improved by aligning more closely with the University’s colour palette and font guidelines to ensure consistency with the project standards.

reviewed based on the Webpage Design guidelines. What I reviewed: The layout and structure of the 404 page Use of colors and adherence to the University colour palette UI elements and overall usability Whether the design follows the project’s graphical guidelines Observations: The page has a clear and simple layout with a centered card, which makes it easy for users to understand that the page was not found. The header includes the application name and an icon, which helps maintain branding visibility. The (Return to Home page) button is a good usability feature and provides a clear navigation path for the user. Design and guidelines: The main content area is light/white, which aligns with the guideline for the main body. However, the illustration uses colors such as yellow, bright blue, pink, and purple, which do not match the defined University colour palettes (Rubine, Safir, Smaragd, Topas, Grafit). The colors appear to be generic/emoji-style rather than using the specified palette hues. It is also unclear whether the required fonts (AGENDA/TRUMP MEDIAEVAL or their fallbacks) are being used. Functionality: The 404 page works as expected for unknown routes handled by the application. The limitation with nginx (not catching routes before the app starts) is clearly explained and acceptable. Conclusion: The implementation works well functionally and provides a clear user experience. However, the design could be improved by aligning more closely with the University’s colour palette and font guidelines to ensure consistency with the project standards.

b25marem added the

reviewed

label

2026-04-13 13:25:04 +00:00

b24johka commented

2026-04-14 08:21:54 +00:00

Collaborator

The review has been conducted in a proper way. Regarding the design aligning more to the university this will be done with buttons having the pruple color etc.