Silacak 3.0 Layout MVP

[resir014]

Overview

This epic outlines the basic frontend layout (with no backend interaction) as the MVP for Silacak 3.0.

Figma file: https://www.figma.com/file/a4l6zqfnLyjG9h9Qyj6QsE/Silacak?node-id=0%3A1
Prototype: https://www.figma.com/proto/a4l6zqfnLyjG9h9Qyj6QsE/Silacak?node-id=4%3A2&scaling=scale-down-width&page-id=0%3A1&starting-point-node-id=4%3A2&hide-ui=1
Information Architecture: https://www.figma.com/file/pvaiY76C1yPKjvHgkSJJHY/Silacak?node-id=0%3A1

Due to time constraints, we're currently focusing on implementing the mobile design, however, this mobile design can be made responsive to avoid the double-work of implementing the structurally different desktop design in the near future.

There is no need for the layout to be pixel-perfect, as long as the UX is consistent with the Figma file. That means we can still pull in some elements from Tailwind UI.

Current Tasks

Layout & Placeholders

• Initialise Home layout (login, signup) #9
• Initialise Dashboard layout (Silacak internal) #10
• Prepare placeholders for each page to make the routing obvious #62
• Add Error Pages #68
• Card Design System #86

Signup + Onboarding Flow

• Homepage + login form #11
• Tracer Registration Form #12
• Check activation account #28

Tracing/Monitoring Dashboard

• Initialise Dashboard layout (Silacak internal) #10
• Confirmed case #30
• Close Contact - Detail #37
• Confirmed Case - Detail #33
• Add Monitoring #35
• Monitoring List #36

Blocked by The Backend

These pages' functionalities are blocked because of the absence of support from the existing backend.
Therefore, we consider them to be low-priority, including for the frontend-only implementation.

• Add close contact #29
• Entry Test List #38
• Exit Test List #39

Bugs

• Mobile drawer gives error when clicking between Tracing and Monitoring menu item #76

Future tasks

• Investigate integrating next-auth with backend