Visual Design and Application Flow

[zainfathoni]

Overview

Prepare visual design mockups (without application logic) using Tailwind UI. Please refer to the Transaction Flow diagram and Routes Table.

Routes Table

Definition of Done

• Responsive design implemented
  • Desktop view
  • Tablet view
  • Mobile view
• Page interaction implemented, e.g. open sidebar, etc.
• End-to-end testing scenarios preserved

Current Tasks

• #25
• #35
  • #36
• #64
  • #128
  • #75
  • #79
  • Verification Page
    • Link to Contact
    • Link to Confirm
  • Approval Form
• #92
  • #84
• #94
  • #95
• #71
• Courses
  • Course Detail
    • Replace circles with watched status

Pending e2e tests

• #125

[febrifahmi]

Hi mas @zainfathoni, for the Profile Page do you have a specific preference or just like any of the examples of the detail screen in the link?

[zainfathoni]

Hi mas @zainfathoni, for the Profile Page do you have a specific preference or just like any of the examples of the detail screen in the link?

There's no specific preference. However, that link only is insufficient if you don't have the code snippet from Tailwind UI.

I can profide the code snippet later today.

[zainfathoni]

Hi Mas @febrifahmi, #71 is ready. You can start working on it if you want. 😉
Would you mind letting me know if things are not clear yet? 😁
Thanks! 🙏

[febrifahmi]

Hi Mas @febrifahmi, #71 is ready. You can start working on it if you want. 😉
Would you mind letting me know if things are not clear yet? 😁
Thanks! 🙏

I'll try to look into the task details.. I think if you could provide the components code snippet it would be helpul since I don't have access to Tailwind UI components. Thanks

[zainfathoni]

I'll try to look into the task details. I think if you could provide the components code snippet it would be helpful since I don't have access to Tailwind UI components. Thanks

Yes, I have included the code snippets in the #71 issue description. 😉