A web application designed to digitize dental workflows, integrating anamnesis, odontograms, and calendar management. Developed as a Computer Science thesis project.
Live Demo: https://dentchart.vercel.app/
DentChart is a comprehensive web application designed to digitize and optimize dental clinic workflows. Developed as a Computer Science thesis project in direct collaboration with a dental medicine student, the platform is tailored to meet the practical, day-to-day requirements of dental students and practitioners.
It centralizes patient data, procedural tracking, and scheduling to reduce administrative overhead and transition traditional paper-based clinics into a unified digital environment.
- Live Demo (Vercel): The publicly accessible version is configured for client-side interaction using local browser storage and mock data. A Next.js middleware simulates the authentication flow by managing a session token locally, allowing guests to freely explore all features, interact with the charting tools, and manage schedules without modifying a live database. Data in this environment is fictional.
- Production Version (Supabase): The original, fully deployed application relies on Supabase as a Backend-as-a-Service, backed by a relational PostgreSQL database.
- Multi-Tenant Architecture & RLS: It utilizes a multi-tenant data model where records (patients, treatments, schedules) are stored centrally but isolated using PostgreSQL Row Level Security (RLS). Each doctor's access is restricted via a
medic_idforeign key. - Authentication Middleware: Supabase handles secure credential management, issuing a JWT upon login. Next.js middleware validates this JWT to protect routes and maintain the server-client session securely.
- Complex State Storage: The intricate state of the interactive SVG odontograms is serialized and stored using PostgreSQL's
JSONBformat, linked directly to the patient profile and the presiding dentist.
- Multi-Tenant Architecture & RLS: It utilizes a multi-tenant data model where records (patients, treatments, schedules) are stored centrally but isolated using PostgreSQL Row Level Security (RLS). Each doctor's access is restricted via a
- Framework: Next.js
- Language: TypeScript
- Styling: Tailwind CSS
- Graphics: Custom SVG rendering (utilized for the highly interactive, individual tooth components in the Odontogram)
- Backend (Production): Supabase (PostgreSQL, Auth, RLS)
The core feature of the application is a custom-built, SVG-based interactive dental chart. It allows dentists to visually map past dental work, current pathologies (e.g., caries, mobility), and planned treatments on specific tooth surfaces. It also integrates periodontal tracking.
Detailed view of the interactive SVG odontogram and treatment journal.
A centralized hub providing a quick overview of the day's operations, including total patient count, upcoming appointments, and system status.
A searchable database for all registered clinic patients, providing quick access to their individual files, contact information, and treatment history.
Integrated digital forms for capturing and updating patient medical backgrounds, alerting the dentist to specific conditions (e.g., cardiac issues, diabetes, pregnancy), current medications, and tracking GDPR consent signatures.
A visual timeline and appointment management system. Users can easily add, edit, or remove consultations and procedures, providing a clear overview of the daily clinical workflow.