Resolved 404 "Page Not Found" Routing Error

[MastanSayyad]

Pull Request for WebMasterLog 💡

Issue Title: Bug 🐛: "Routing Navigation Errors" For The Pages after refreshing.

• Name of the project : WebMasterLog
• Category: React, Vanilla
• Name: Mastan Sayyad
• GitHub ID: MastanSayyad
• Idenitfy yourself: GSSOC Contributor

Closes: #185

Describe the add-ons or changes you've made 📃

To rectify the {404 Not Found Error}, it is necessary to establish redirect and rewrite rules for the React Router application. These rules will assist the application in circumventing the "Page Not Found" error.

That's why I created a vercel.json file in the root directory of the project. This file will enable Vercel to configure the routing accurately.

• vercel.json code snippet:

• The provided code snippet instructs Vercel to rewrite any incoming URL path to the root path.
• This configuration ensures that when we initiate a redirect with a child path, Vercel will redirect it to the root path, effectively preventing the occurrence of the 404 Not Found Error.

Type of change ☑️

What sort of change have you made:

• Bug fix (non-breaking change which fixes an issue)

How Has This Been Tested? ⚙️

• My code follows the Contributing Guidelines & Code of Conduct of this project.
• This PR does not contain plagiarized content.
• I have performed a self-review of my own code.
• My changes generate no new warnings.

Note to reviewers 📄

@Avdhesh-Varshney Take a look at this and inform me if it does not work. so that I can look for an additional alternate solution, Thank you.

[vercel]

@MastanSayyad is attempting to deploy a commit to the avdheshvarshney's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

Thank you for submitting your pull request! We'll review it as soon as possible. For further communication, join our discord server https://discord.gg/tSqtvHUJzE.

[Avdhesh-Varshney]

@MastanSayyad Not approved.
As you have committed directly in the main branch. So, create your own branch so that it will deploy on vercel and able to verify your changes.

• Recreate you pr.