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

• Public Home Page #25
• Dashboard Layout #35
  • CTA #36
• Purchase Route #64
  • Implement Breadcrumbs using handle export #128
  • Payment Confirmation #75
  • WhatsApp Link #79
  • Verification Page
    • Link to Contact
    • Link to Confirm
  • Approval Form
• Transactions List #92
  • Transaction Details #84
• Users List #94
  • User Details #95
• Profile Route #71
• Courses
  • Course Detail
    • Replace circles with watched status

Pending e2e tests

• Write end-to-end test scenarios to cover transaction confirmation process, including verifying the link to the WhatsApp web page #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. 😉