This PR is to add routing to the website, so that we can load different content based on which URL the user types in. This is also what allows the NavLinks on the side to work properly.
This PR closes #11.
If accepted, this PR will:
Add React Router to create hashrouter, with different paths for each of the pages on the site
/#/about
/#/rsvp
/#/faq
/#/travel
/#/lodging
/#/points-of-interest
/#/engagement-photos
/#/gifts
Change the links to React Router NavLinks so they go to the corresponding page when clicked
Add some basic style to the links on hover and on selection
Default the webpage to /#/about
How to Test
yarn && yarn start
Visit localhost:3000
You should notice the URL changes automatically to localhost:3000/#/about
The navbar on the left has some additional styling on the "About" link, like so:
Click around on some of the links. You should notice the URL changes, and the title of the content page in the center changes with it. The selected style should appear on whichever link you happen to click.
Summary
This PR is to add routing to the website, so that we can load different content based on which URL the user types in. This is also what allows the NavLinks on the side to work properly.
This PR closes #11.
If accepted, this PR will:
How to Test
yarn && yarn start
localhost:3000/#/about
Click around on some of the links. You should notice the URL changes, and the title of the content page in the center changes with it. The selected style should appear on whichever link you happen to click.
Suggested Reading