As a developer, I want to implement the global theme, color palette, typography, and layout structure across all scaffold pages (Home, Login, Signup, Welcome, Dashboard/Overview, Dashboard/AI-Assistant, Dashboard/Settings) so that they look exactly identical to the mock-design pages. This task also includes removing any pages not present in the design. Scope: apply Angular Material or Tailwind theme tokens, set up shared layout components (navbar, sidebar, footer), and align all existing scaffold pages to the design system.
As a user (Clinic Admin, Dentist, Patient, Receptionist), I want to sign in on the Login page so that I can access my role-specific dashboard. Implement the Login page based on the existing JSX design (Login v1). This page is the entry point for all personas and links to the respective dashboards post-login.
As a patient, I want to create an account on the Signup page so that I can register and access my appointments. Implement the Signup page based on the existing JSX design (Signup v1). This page is accessible from the Landing page.
As a patient, I want to view clinic information on the Landing page so that I can learn about the clinic and navigate to Login or Signup. Implement the Landing page based on the existing JSX design (Landing v1). This page links to Login and Signup pages.
As a Clinic Admin, Dentist, or Receptionist, I want to view a role-specific dashboard so that I can see clinic overview, patient queue, or today's schedule. Implement the Dashboard page based on the existing JSX design (Dashboard v1). Links to Staff, Settings, Reports (Admin), Patient Profile, Calendar (Dentist), Appointments, Calendar (Receptionist).
As a user, I want to use a backend API for the Dashboard so that role-specific data (clinic overview, patient queue, today's schedule) is fetched securely and displayed in real time. Implement Spring Boot REST endpoints for dashboard data per role.
As a Dentist or Receptionist, I want to view my schedule and real-time appointment slots on the Calendar page so that I can manage time efficiently. Implement the Calendar page based on the existing JSX design (Calendar v1). This page is accessible from both Dentist and Receptionist dashboards and links to Appointments (Reschedule).
As a Clinic Admin, I want to view analytics on the Reports page so that I can track clinic performance. Implement the Reports page based on the existing JSX design (Reports v1). This page is accessible from the Dashboard.
As a Clinic Admin, I want to configure reminders, customize messages, and set languages on the Settings page so that patients receive personalized multilingual notifications. Implement the Settings page based on the existing JSX design (Settings v1). This page covers Configure Reminders → Customize Messages → Set Languages sub-flows.
As a Patient or Receptionist, I want to view, book, search, reschedule, and confirm appointments on the Appointments page so that clinic scheduling is seamless. Implement the Appointments page based on the existing JSX design (Appointments v1). Covers: View My Appointments, Book Appointment, Search Patient, Confirm Booking, Reschedule Appointment flows.
As a Clinic Admin, I want to manage dentists on the Staff page so that I can add, edit, or remove staff members. Implement the Staff page based on the existing JSX design (Staff v1). This page is accessible from the Dashboard.
As a Dentist, I want to view a patient's history on the Patient Profile page so that I can understand their medical background before treatment. Implement the Patient Profile page based on the existing JSX design (Patient Profile v1). This page is accessible from the Dentist Dashboard and links to the EMR page.
As a Dentist or Receptionist, I want to use a backend API for the calendar so that I can fetch real-time appointment slots and schedule data. Implement Spring Boot REST endpoints for schedule and slot retrieval.
As a Dentist, I want to use a backend API for patient profiles so that I can retrieve complete patient history including past treatments and prescriptions. Implement Spring Boot REST endpoints for patient profile data.
As a Clinic Admin, I want to use a backend API for staff management so that I can create, read, update, and delete dentist records. Implement Spring Boot REST endpoints for staff CRUD operations.
As a Clinic Admin, I want to use a backend API for settings so that reminder configurations, custom messages, and language preferences are persisted. Implement Spring Boot REST endpoints for settings management.
As a Dentist, I want to record treatment and add prescriptions on the EMR page so that patient medical records are accurately maintained. Implement the EMR page based on the existing JSX design (EMR v1). This page is accessible from the Patient Profile page.
As a Clinic Admin, I want to use a backend API for reports so that I can retrieve aggregated analytics data such as appointment counts and revenue. Implement Spring Boot REST endpoints for analytics and reporting.
As a Patient, I want to set reminder preferences and choose my preferred language on the Reminders page so that I receive timely multilingual appointment notifications. Implement the Reminders page based on the existing JSX design (Reminders v1). Accessible from the Appointments page; includes Set Preferences and Choose Language sub-flows.
As a Patient or Receptionist, I want to use a backend API for appointments so that I can book, search, confirm, view, and reschedule appointments. Implement Spring Boot REST endpoints for all appointment operations.
As a Dentist, I want to use a backend API for EMR so that I can record treatments and add prescriptions that are saved to the patient's medical record. Implement Spring Boot REST endpoints for EMR CRUD operations.
As a Patient, I want to use a backend API for reminders so that my notification preferences and language choices are saved and automated reminders are triggered for appointments. Implement Spring Boot REST endpoints and SMS/email notification service integration.
As a system, I want to use an AI/NLP service to generate and translate reminder messages into multiple Indian languages so that patients receive notifications in their preferred language. Integrate a translation/language model service (e.g., Google Translate API or IndicNLP) with the reminders backend.

No user flows yet.
The User Flow Agent will generate per-persona navigation diagrams after SRD updates.
No comments yet. Be the first!