Implement a Custom 404 Page

[biswarup-naha]

Description

Our application currently lacks a custom 404 page, which results in a poor user experience when users navigate to non-existent routes. A well-designed 404 page can help users find their way back to relevant content and improve the overall user experience.

Feature Requirements

1. Design and Layout:

   • The 404 page should have a user-friendly design consistent with the overall site theme.
   • It should include a message indicating that the page could not be found.
   • Provide navigation options to guide users back to the home page or other relevant sections.

2. Functionality:

   • The 404 page should be displayed for any non-existent routes or pages.
   • Ensure the page is responsive and works well on different devices and screen sizes.

3. Content:

   • A clear message such as "Oops! The page you are looking for does not exist."
   • A link to the home page.

4. Technical Implementation:

   • Modify the server-side routing to serve the 404 page for unknown routes.
   • Ensure the page is properly integrated with the existing site structure and routing mechanism.
   • Test the implementation across different scenarios to confirm it's working as expected.

Additional Notes

• Ensure that the design aligns with our current branding and style guide.
• Consider adding some humor or creative elements to make the 404 page more engaging.

Acceptance Criteria

• A custom 404 page is designed and implemented.
• The page displays correctly on all supported devices and browsers.
• The 404 page includes a clear message, navigation options, and follows the design guidelines.
• The page is served correctly for all unknown routes.

@Omkar-Sonawane-23 Kindly assign me this issue under gssoc I will be happy to implement the functionality.

[Sarthakyadav98]

I would like to work on this. I am a MERN Stack Developer from IIIT-K. You can get over my portfolio https://sarthak-yadav-portfolio.netlify.app/ and LinkedIn https://www.linkedin.com/in/sarthak-001-001-yadav/. You can also check out my resume from there and can check out my different projects from the portfolio itself.