Description
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
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.
Bugs
Future tasks
- Investigate integrating next-auth with backend