the-collab-lab / tcl-28-smart-shopping-list

1 stars 3 forks source link

Ks ia router #18

Closed ksiman14 closed 3 years ago

ksiman14 commented 3 years ago

Description

Added react-router-dom as dependecy
Created shell AddItem and ItemsList components
Wrapped App in BrowserRouter
Added Routes to AddItem and ItemsList
Created Footer component
Added links in Footer component to Add Item and List views
Styled basics of Footer component (sticks on bottom, bold links when on current page)

Related Issue

2

Acceptance Criteria

[ ] react-router-dom has been added as a project dependency
[ ] Links are present and persistent at the bottom of the app: one for the “list” view, the other for the “add an item” view
[ ] When one of the links is clicked, the browser URL updates to represent the current view and a matching view component is displayed
[ ] 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

Updates

Before

Nothing!

After

add-item-page

items-list-page

Testing Steps / QA Criteria

From your terminal, pull down this branch
npm install
npm start
Click the links to toggle between views
Check that the corresponding link to the view you are on is bolded (except on initial '/' view, that is a placeholder)

github-actions[bot] commented 3 years ago

Visit the preview URL for this PR (updated for commit ee67b62):

https://tcl-28-shopping-list--pr18-ks-ia-router-xljxnyev.web.app

_{(expires Mon, 19 Jul 2021 18:30:50 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}