Skip to content

[BUG] Missing 404 Page - Blank screen shown for invalid routes #497

Description

@kunwarshivamjsr

🐛 Bug Description

Visiting any invalid/unknown URL on the site shows a completely blank page with only the navbar visible. There is no 404 error page to guide the user back.

📸 Steps to Reproduce

  1. Visit any invalid route e.g. https://study-mate-plus.vercel.app/anythingrandom
  2. A blank white page is displayed

✅ Expected Behavior

A friendly 404 page should be shown with:

  • A clear "Page Not Found" message
  • A button to go back to Home

💡 Proposed Fix

Add a NotFound.js component and register it as a catch-all route in React Router:

<Route path="*" element={<NotFound />} />

🙋 Contribution

I would like to work on this under GSSoC'26 if approved!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions