Build Login and Sign Up Views

[ashatat]

Login:

The login page should include the following components:

• [ ] Header at the top of the page.
• [ ] Footer at the bottom of the page.
• [ ] Login form.

  Email field Password field

• [ ] option to login with google.
• [ ] option to login with facebook.

  Remember me button.

• [ ] option to signup instead.

Events:

End Point: /login

Method: GET

Success response:

• status code: 200
• Response content type: html

Error response:

• Status Code: 500
• Response content type: json
• Response object:

  { err: true, 
  message: 'Something wrong went on! Please try again', 
  }

Method: POST

Validation required: username, passowrd Permission requirement(auth): none. Success response:

• status code: 200
• Response content type: json
• Response object:

  { err: false, 
  message: 'User login is successful',
  token: token string,
  firstName: user first name,
  }

  Sign Up:

  The login page should include the following components:

• [ ] Header at the top of the page.
• [ ] Footer at the bottom of the page.
• [ ] Sign up form.

  Email field Password field

• [ ] option to sign up with google.
• [ ] option to sign up with facebook.

  Remember me button.

• [ ] option to login instead.

Events:

End Point: /sign-up

Method: GET (will be reassigned to react router later).

Success response:

• status code: 200
• Response content type: html

Error response:

• Status Code: 500

• Response content type: json

• Response object:

  { err: true, 
  message: 'Internal Server Error! Please try again', 
  }

• Status Code: 404

• Response content type: json

• Response object:

  { err: true, 
  message: 'Page not found', 
  }

Method: POST

request object (no OAuth) includes:

• User email
• User password
• password confirmation
• Is user remembered?

Validation required:

• database constraints for all fields (null, unique, etc).
• regex for proper first and last name, what password must include and proper email format.

Permission requirement(auth): none. Success response:

• status code: 200

• Response content type: json

• Redirect: true.

• Response object:

  { err: false, 
  message: 'User login is successful',
  token: string,
  firstName: string,
  }

  Error response:

• Status Code: 500

• Response content type: json

• Response object:

  { err: true, 
  message: 'Something wrong went on! Please try again', 
  }

• Status Code: 404

• Response content type: json

• Response object:

  { err: true, 
  message: 'Page not found', 
  }

[ashatat]

I am not sure about the HTML GET /login endpoints here, the way I see it they are just routes in the react app? I mean we should have one endpoint / that load the react app then everything will be done inside the react router?

[FarahZaqout]

That is true. Too much non-react work got into my head. Will keep it in mind.

I think it's good to have the endpoints here for now, and then we will have an epic react-router issue that will include all of them.

Also whenever we are fetching things from the backend, we will still have to do a get/post/put...etc request.

What do you think?

[ashatat]

yeah I think you're right when we write the detailed issues it'll make more sense, I guess