Dashboard Screens

[AEst2002]

MERGED WITH JOURNALING DELIVERABLE

Resources

• Radix primitives
• Figma

This is a 2-person deliverable, and it's up to you to split work appropriately and/or find time to meet to work together.

Description
We'd like to set up a skeleton for the patient and clinician dashboards.
For styling, you're welcome to use primitives from Radix.
See the current lofis on Figma

• Use app/dashboard OR app/dashboard-patient and app/dashboard-clinician for your work
  • You can choose to have both the patient and clinician dashboards inside app/dashboard, rendering them differently based on the user logged in, or create two separate folders corresponding to each type of user.
• Create a skeletal component for the calendar view, as seen on Figma.
  • You should display the next 7 days, with today on the far left of the component.
  • You can set up props that take in appointments with a corresponding time, date, etc., but this is optional for now.
• Include the sidebar and header components, if available.

STRETCH
Highly encouraged, but not required:

• To support meetings of the type shown on Figma, let's create a new database table (feel free to add/remove/modify columns as you see fit, just make sure your changes make sense!) You should add the relevant SQL queries for table creation in setup.sql.

Table name: appointments
Columns:

• id: uuid (non-nullable; primary key)
• name: text (non-nullable)
• patient: user_id (non-nullable; foreign key to patients table)
• clinician: user_id (non-nullable, foreign key to clinicians table)
• start_time: TIMESTAMP (non-nullable)
• end_time: TIMESTAMP (non-nullable)
• description: text