HackYourFuture-CPH / Guide-IT

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

Storybook: Elevator Component #105

Closed dpfernandes closed 3 years ago

dpfernandes commented 3 years ago

User story

Who: As a developer What: I want to have a Elevator component Why: so that I can see instructions step by step, floor by floor, level by level :)

Acceptance criteria

Create a storybook component for the Elevator like shown below and make sure that the elevator goes "up" and "down":

Screenshot 2021-05-02 at 20 11 23 Screenshot 2021-05-02 at 20 11 41 Screenshot 2021-05-02 at 20 12 00 Screenshot 2021-05-02 at 20 12 19 Screenshot 2021-05-02 at 20 12 36 Screenshot 2021-05-02 at 20 12 54

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

Implementation details

Use Pagination to simulate the floors/levels where the Elevator is - https://github.com/HackYourFuture-CPH/Guide-IT/issues/101

and create the content component that loads different content when the arrows(buttons) are pressed