Create Login Functionality

[andysterks]

User Story

A user will need to be able to open up the app in the browser (/), enter their username & password and be redirected to the home screen (/home).

If the user is logged in and opens up the app in the browser (/) the user should be redirected to the home screen (/home);

If the user opens up the app in the browser at the home screen (/home) and they are not logged in they should be redirected to the root url (/).

Technical Details

• Uses JWT
• Stores JWT in an HTTP Only cookie
• Cookie name will be sdmm-fc-sid

Things to keep in mind

• You have creative freedom to design the login form however you'd like
• authController.js has much if not all of the logic setup for an HTTP Only cookie
• Include client-side validation
• An error message should pop up if wrong username/password (error message should be generated server-side)

[chrisdetmering]

@Rmckays said I should just work on the styling of this first before I implement the functionality. But before I work on the styling, we need to define the theme.

So I will work on the functionality after we design what the look of the app is and then after I implement the styling of the components? Let me know if this is the right way to go. @andysterks

[andysterks]

Rustyn what are your thoughts? I was thinking we‘lol set up the colors and themes later using sass. Chris can set it up as he’d like and if changes are needed we can implement later.

…

On Fri, Mar 19, 2021 at 1:55 PM Chris Detmering ***@***.***> wrote: @Rmckays <https://github.com/Rmckays> said I should just work on the styling of this first before I implement the functionality. But before I work on the styling, we need to define the theme. So I will work on the functionality after we design what the look of the app is and then after I implement the styling of the components? Let me know if this is the right way to go. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#2 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABZ3LOWAFX6Y4OFSTIXMFB3TEO25HANCNFSM4Y2GYXZA> .

[andysterks]

**we would NOT we’lol On Fri, Mar 19, 2021 at 3:07 PM Andrew Sterkowitz ***@***.***> wrote:

…

Rustyn what are your thoughts? I was thinking we‘lol set up the colors and themes later using sass. Chris can set it up as he’d like and if changes are needed we can implement later. On Fri, Mar 19, 2021 at 1:55 PM Chris Detmering ***@***.***> wrote: > @Rmckays <https://github.com/Rmckays> said I should just work on the > styling of this first before I implement the functionality. But before I > work on the styling, we need to define the theme. > > So I will work on the functionality after we design what the look of the > app is and then after I implement the styling of the components? Let me > know if this is the right way to go. > > — > You are receiving this because you authored the thread. > Reply to this email directly, view it on GitHub > <#2 (comment)>, > or unsubscribe > <https://github.com/notifications/unsubscribe-auth/ABZ3LOWAFX6Y4OFSTIXMFB3TEO25HANCNFSM4Y2GYXZA> > . >

[Rmckays]

No need for Sass, a ThemeProvider can set up all the colors we need and then just wrap the app in the theme provider to get access to the colors.