Use react-router-dom to add app routes - Githubissues

yenly / smart-shopping-list

An exercise in walking in mentees' shoes to understand and empathize.

https://yenly-smart-shopping-list.netlify.app

1 stars 0 forks source link

Use react-router-dom to add app routes #15

Closed yenly closed 3 years ago

yenly commented 3 years ago

Description

Use react-router-dom to create app routes for home, list view, and add an item view.

Related Issue

Closes #2

Acceptance Criteria

[x] react-router-dom has been added as a project dependency
[x] Links are present and persistent at the bottom of the app: one for the “list” view, the other for the “add an item” view
[x] When one of the links is clicked, the browser URL updates to represent the current view, and a matching view component is displayed
[x] Whichever view is selected, the corresponding link should display in bold text

Type of Changes

	Type
	:bug: Bug fix
✓	:sparkles: New feature
	:hammer: Refactoring
	:100: Add tests
	:link: Update dependencies
	:scroll: Docs

Testing Steps / QA Criteria

Navigate to https://yenly-smart-shopping-list.netlify.app
Check links are present at the bottom of the viewport.
Click on the List link and verify browser URL changes to represent the list view and the content in the middle changes.
Repeat step #3 for the Add an item link.