Skip to content

Conversation

@sathwikhbhat
Copy link

Description

  • Add src/components/NotFound.jsx, which shows a friendly message, an illustration, and a link to home.
  • Add wildcard route to render NotFound for unmatched routes.
  • Improves UX versus the default browser or framework 404.
  • Matches app styling and is responsive.

Related Issue

Closes #162

How to test

  1. npm install
  2. npm run dev
  3. Navigate to /some/nonexistent/path and verify NotFound displays, link returns to home.

Screenshots

404

Types of Changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Enhancement (improvement to an existing feature)
  • Breaking change (fix or feature that would cause existing functionality to change)
  • Test (adds or updates tests only)
  • Documentation (non-code change)

Checklist

  • My code follows the code style of this project
  • My change requires a change to the documentation
  • I have updated the documentation accordingly
  • All new and existing tests passed

Copilot AI review requested due to automatic review settings October 24, 2025 12:45
@netlify
Copy link

netlify bot commented Oct 24, 2025

Deploy Preview for paisable ready!

Name Link
🔨 Latest commit fe773be
🔍 Latest deploy log https://app.netlify.com/projects/paisable/deploys/68fb74f61e99b00008e1b681
😎 Deploy Preview https://deploy-preview-164--paisable.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 95
Accessibility: 100
Best Practices: 100
SEO: 91
PWA: 80
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR adds a custom 404 Not Found page to improve user experience when navigating to non-existent routes. The implementation includes a dedicated NotFound component with consistent app styling, responsive design, and helpful navigation options.

Key Changes:

  • Created a new NotFound page component with themed styling and navigation
  • Added a wildcard route to catch all unmatched paths

Reviewed Changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 2 comments.

File Description
frontend/src/pages/NotFound.jsx New 404 page component with header, error message, icon, and navigation links
frontend/src/App.jsx Added wildcard route and imported NotFound component

Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.

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.

enhancement: Add custom 404 page

1 participant