HackYourFuture-CPH / Guide-IT

Guide IT, a tool to help newcomers decide their IT path
MIT License
3 stars 1 forks source link

Storybook: LoginPage #104

Open dpfernandes opened 3 years ago

dpfernandes commented 3 years ago

User story

Who: As a developer What: I want to have a page where Users can login using the Google Sign in button. Why: so that I can provide them access to specific functionalities once the users are registered and logged in.

Acceptance criteria

Create a storybook component for the Login Page like shown below:

Check the wireframes here: https://www.figma.com/file/9SJRaxPSuPI3lSl8ULNyJ8/GuideIT-For-Developers?node-id=0%3A1

Implementation details

Implement this page using this container src/client/containers/LoginPage

Use the image Vector.svg located in this folder /src/client/assets/images/ as a background image and use the image below robot_logo.png located in this folder /assets/images/robot_logo.png on the page.

Use the colors below:

Use the Google button developed for this issue https://github.com/HackYourFuture-CPH/Guide-IT/issues/41 Use the Form developed for this issue https://github.com/HackYourFuture-CPH/Guide-IT/issues/66

Please ignore the Facebook button for now

You can use this as an inspiration src/client/containers/SignIn/index.js and then delete this container