gkats / projectboard Goto Github PK

As a logged in user, I'm able to see my avatar in the top-right corner.

My avatar is always visible and it's of 12x12 dimension.

Link to design mockup:

As a logged in user, I should be able to log out of the app.

As a logged in user, I should be able to always see a "Sign out" link on the top of my screen. When I click this link, my session should be terminated and I should be redirected to the app landing page.

As a user, I should be able to create an account in the app.

As a user visiting the landing page, I should see a "Sign up" link. When I click this link, I should be taken to the registration page.

I should see a form that allows me to provide a username and a password.

When I successfully submit the form, I should be taken to the app root page as a logged in user.

In case of an error upon submit, I should see an indication of the error.

Steps to reproduce

1. Log in as a user
2. Visit the root page
   Expected: The background color should be white
   Actual: The background color is black

Steps to reproduce

1. Log in as an admin
2. Go to the greeting message page
   Expected: See "hello, admin"
   Actual: Seeing "hello there, admin"

Parent: #1

What

We want to be able to login users in our app. We need a back-end endpoint that accepts a username and a password and logs in the user if the combination is correct.

How

• Set up the route
• Add the controller
• Write tests

As a user, I should be able to log in.

As a user, when I visit the homepage, I should see a form that allows me to log in the app providing my username and password.

Upon submitting the form successfully I should be redirected to the root page of the app.

If the form cannot be submitted, I should see an error indication. I should be able to tell what went wrong (e.g. wrong password, non-existing username, some input left unfilled).

Tasks

• #6
• #7

Parent: #1

What

For the login functionality, we have to create a form with username and password fields. The form should fire a request to the server when submitted.

How

• Add the front-end view
• Implement client-side validation
• Make a request to the server with the form data