Missing custom 404 Page

[Syransong]

Description

For pages that do no exist on the website, it redirects to the web hosting company's 404 page. This page's styling does not match the branding of the portfolio website which may be confusing to users. In addition, it does not provide an easy way to navigate back to the website. The solution to this issue is to create a custom 404 page and edit the .htaccess file so it redirects appropriately. The 404 page itself should contain an informative message to the user and a CTA to go back to the home page.

Steps to Reproduce

1. Visit a page that does not exist. For instance, this can be done by typing a random string of characters after the URL. ex. karinasong.com/public/projects/non-existent-project

Expected Result

User should see a 404 page with an informative message and a CTA to navigate back home.

Actual Result

The user sees the hosting company's 404 page.

Environments

This is present across all browsers in any environment.

Screenshots

The current 404 page

[Syransong]

Created and edited .htaccess file using the web hosting cpanel. Added redirect to custom 404 page and properly redirects when user tries to navigate to non-existent page