User authentication

[Xristof23]

Value proposition

As a user I want to have an secure login In order to use the app personalized and with my own data.

Description

Acceptance criteria

• when opening the app i want to be asked to login to register to an account
• there is also an option to not login and use the app in a testing/demo mode
• after being logged in i want to see an option of log out in the header, when in demo-mode i want to have a option of login instead

Tasks

• create and switch to new branch feature/user-login
• create a component which renders a modal for the login
• add next.auth and respective logic to the component and app.js to achieve desired login/register possibility
• render the newly created component on index.js
• add option to the login component to continue without logging in/register
• in that case disable the switch toggle on index.js and make sure the useExampleData stays turned off as long as noone is logged in
• add descriptive text to the StyledInfoBox on index.js informing the user that there is only exampleData usage possible without being logged in
• add log out button to the header when user is logged in and a log in option when user decided to use demo mode before

[SwethaJanardhana]

Looks go to me, very interesting user story with demo data, very small correction in task no. 6 space missing between no and one