Fixed 🐞 Pages Routing Error "404 Page Not Found" After Refreshing.

MastanSayyad commented 4 months ago

Related Issue

Issue Closes #213

Description

Hey @Mansi168 and @everly-gif

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 preventing 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.

I have linked and updated the navigations in the navbar for all pages
I have Added vercel.json : This image represents the structure of the vercel.json file and the 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 PR

[x] Bug fix

Screenshots / videos (if applicable)

[Attach any relevant screenshots or videos demonstrating the changes]

Checklist:

[x] I have performed a self-review of my code
[x] I have read and followed the Contribution Guidelines.
[x] I have tested the changes thoroughly before submitting this pull request.
[x] I have provided relevant issue numbers, screenshots, and videos after making the changes.

vercel[bot] commented 4 months ago

@MastanSayyad is attempting to deploy a commit to the My Team Team on Vercel.

A member of the Team first needs to authorize it.

everly-gif commented 4 months ago

@Mansi168 please have a look

vercel[bot] commented 4 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
emo-well	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 4, 2024 10:43pm

MastanSayyad commented 4 months ago

@everly-gif please add the labels

Mansi168 / EmoWell