Create Login Functionality

Software-Development-Mastermind / sdmm-flashcards

Web application for practicing programming interview questions

1 stars 0 forks source link

Create Login Functionality #2

Open andysterks opened 3 years ago

andysterks commented 3 years ago

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 commented 3 years ago

@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 commented 3 years ago

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 https://github.com/Software-Development-Mastermind/sdmm-flashcards/issues/2#issuecomment-803125993, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABZ3LOWAFX6Y4OFSTIXMFB3TEO25HANCNFSM4Y2GYXZA .

andysterks commented 3 years ago

**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 https://github.com/Software-Development-Mastermind/sdmm-flashcards/issues/2#issuecomment-803125993, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABZ3LOWAFX6Y4OFSTIXMFB3TEO25HANCNFSM4Y2GYXZA .

Rmckays commented 3 years ago

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.