Issue #3: Setup new shopping list with autogenerated token

djtaylor8 commented 2 years ago

Description

Imported getToken package to generate new tokens
Added a button to create new list, get token, and redirect to List View
Set new token in localStorage
Save token to Firestore for future use
Use React hook (useEffect) to check for existing token in localStorage and redirect to List View

Related Issue

Closes #3

Acceptance Criteria

@the-collab-lab/shopping-list-utils has been added as a dependency to the project.
For users who do not already have a token or a list, a button or link exists on the home screen that allows them to create a new list
Clicking the button/link generates a new token and saves it to localStorage
Once the token has been created and saved, the user is redirected to the "list" view
For users who do have a token already saved in localStorage, they should be shown/redirected to the "list" view

Type of Changes

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

After

-Added create list button in the Home component

Testing Steps / QA Criteria

-After pulling down our branch to your local environment, run npm install to get the latest dependencies. -When you click 'Create New List', the token will be saved in localStorage and you will automatically be redirected to the List View. To clear localStorage, go into your browser console and type localStorage.clear().

github-actions[bot] commented 2 years ago

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

https://tcl-36-smart-shopping-list--pr19-sm-dj-setup-shopping-lobdivmk.web.app

_{(expires Sun, 30 Jan 2022 18:11:26 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

rudidev08 commented 2 years ago

Awesome on including screenshots (it's good archive for UI state few months down the road when running old code isn't feasible), and testing steps. QA, other devs, and PMs would all find RP very helpful.

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