User profile page - Frontend

[lloan]

This is a three part task:

• Design the new page
• Create the proof of concept
• Implement the proof of concept

Design

What is the new component or item:
Create a design PDF for developers to create a static copy with code. You will be using UIKit components along with Fontawesome PRO icons. Any comments you need to make, make them in the discussion of the issue or the implementation issue for this component.

The expected deliverable will be a design documents that shows all the possible states it has. Provide notes as necessary.

** Proof of Concept**

Create a proof of concept using Storybook.js. Take the design PDF and convert it to code. You will be using UIKit as the CSS library along with Fontawesome PRO icons. Do not worry about logic during this step, just build out the component.

The expected deliverable will be a component that is responsive and mobile-ready. Make sure you address all stories requested (states). The next task will deal with adding any additional logic that might be needing. For example, creating API requests, iterating through data, etc.

Implement the Proof of Concept

Take the proof of concept and add missing logic. This means take it from static and make it dynamic if it requires it. Build it to be modular, add comments and make sure component is polished.

[lloan]

Design overview and specs sheet provided:

This item is ready to be picked up.

JPGs:

PDFs:
user-profile-front.pdf
user-profile-front-specs.pdf

[lloan]

@VelazquezLuis assigning this page to you - if you need any help getting started, please let me know and we can hop on a call any time this week. Thanks!

[lloan]

Just posting an update. Today you started working on this, your setup is ready to go. Thanks for getting on a call @VelazquezLuis!

[VelazquezLuis]

Thanks, @kvera001 reminded yesterday props to her for great leadership