Skip to content

feat(frontend): add 404 catch-all route and NotFoundPage component#206

Merged
devJaja merged 1 commit into
Epta-Node:mainfrom
fadeelah2007:feat/add-404-not-found-page
Jul 25, 2026
Merged

feat(frontend): add 404 catch-all route and NotFoundPage component#206
devJaja merged 1 commit into
Epta-Node:mainfrom
fadeelah2007:feat/add-404-not-found-page

Conversation

@fadeelah2007

Copy link
Copy Markdown
Contributor

Closes #144

Summary

Adds a custom 404 Not Found page component (NotFoundPage.tsx) and configures catch-all wildcard routes in App.tsx so users navigating to undefined URLs receive clear feedback and navigation options instead of a blank screen inside AppShell.

Changes

  • Created frontend/src/pages/NotFoundPage.tsx with a primary "404 — Page Not Found" heading, brief explanation, and styled action links ("Go to Dashboard" and "Go Home").
  • Used project CSS variables (var(--text-primary), var(--text-secondary), var(--bg-primary), etc.) for consistent dark theme styling.
  • Updated frontend/src/App.tsx with wildcard <Route path="*" element={<NotFoundPage />} /> both inside AppShell (for app sub-routes) and outside (for root-level unknown routes).

Testing

  • Verified navigation to undefined routes (e.g., /random) renders the styled 404 page within the AppShell layout.
  • Tested "Go to Dashboard" button navigation to /dashboard.
  • Tested "Go Home" button navigation to /.
  • Confirmed responsive layout across desktop and mobile viewports.

Related Issue

#144

Checklist

  • Tests pass
  • Lint is clean
  • Documentation updated if needed

@vercel

vercel Bot commented Jul 24, 2026

Copy link
Copy Markdown

@fadeelah2007 is attempting to deploy a commit to the Jaja's projects Team on Vercel.

A member of the Team first needs to authorize it.

@devJaja
devJaja self-requested a review July 25, 2026 03:24
@devJaja

devJaja commented Jul 25, 2026

Copy link
Copy Markdown
Contributor

Well Done @fadeelah2007

I can see all The CI checks passed.

LGTM

@devJaja
devJaja merged commit 89d9eea into Epta-Node:main Jul 25, 2026
6 of 7 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Frontend] Add 404 Catch-All Route with Styled Not-Found Page

2 participants