search

HackYourFuture-CPH / Guide-IT

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

Storybook: Career Quiz Result Page Component #19

Closed dpfernandes closed 3 years ago

dpfernandes commented 3 years ago

User story

Who: As a user What: I want to be open the Career Quiz Result Page Why: so that I can see the results of the QUIZ.

Acceptance criteria

Create a storybook component for the Career Quiz Result Page where we aggregate all the components below:

These are the 3 different options for the career quiz result page can look like

Screenshot 2021-04-13 at 15 37 38 Screenshot 2021-04-13 at 15 37 28 Screenshot 2021-04-13 at 15 37 17

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

Implementation details

Use the image Vector.svg located in this folder /src/client/assets/images/ as a background image and find a way for half of the it to have a layer of opacity like we can see in the screenshot above.

cph-kiwi commented 3 years ago

@dpfernandes which dummy page in containers should we use as our starting point? We want to avoid duplication where possible.

JyothiNandyala commented 3 years ago

Hi Aijaz i have run your storybook in that i saw like 'your professional profile is going out of the page and also that card ,could you please check.