A production-ready dental clinic platform built for real-world clinical workflows. The application enables patients to schedule appointments, complete bilingual digital consent forms, sign documents electronically, and generate downloadable PDF consent records.
Built using TanStack Start, TypeScript, MongoDB, and server-side React functions, the platform demonstrates modern full-stack architecture with SSR, type-safe APIs, and healthcare-focused workflows.
🔗 Website: https://dentalplusdehradun.in
Traditional dental clinics often rely on paper-based patient intake and consent workflows, resulting in manual record management, poor accessibility, and inefficient appointment coordination.
Dental Plus Premier digitizes these operations through:
- online appointment scheduling,
- digital patient consent workflows,
- bilingual medical forms,
- electronic signature capture,
- downloadable PDF consent records,
- centralized patient record storage.
The project was designed for deployment in a real dental clinic environment.
- Online appointment booking workflow
- Dynamic time-slot selection system
- WhatsApp-assisted booking confirmation
- Bilingual consent forms (English / Hindi)
- HTML5 Canvas-based digital signature capture
- Automated PDF consent document generation
- MongoDB-powered patient record persistence
- TanStack Start server functions
- SSR-enabled frontend architecture
- Responsive mobile-first UI
- Type-safe full-stack development using TypeScript
- Modern healthcare-focused interface design
Modern dental clinic landing page with appointment-first workflow.
Dynamic appointment scheduling with date and time-slot selection.
Structured bilingual patient consent workflow.
HTML5 Canvas-based electronic signature system.
- TanStack Start
- React
- TypeScript
- Tailwind CSS
- TanStack Server Functions (
createServerFn) - Node.js
- MongoDB Atlas
- Mongoose
- html2pdf.js
- HTML5 Canvas API
- Vercel
Patient
|
v
TanStack Start Application
|
+------ Server Functions
|
+------ MongoDB Atlas
|
+------ PDF Generation
The application uses TanStack Start server functions instead of a traditional standalone Express backend, simplifying deployment and enabling type-safe server communication.
Patient Appointment
|
v
Clinical Consent Form
|
v
Digital Signature Capture
|
v
PDF Generation
|
v
Database Storage
The workflow digitizes traditional paper-based dental consent procedures into a structured, downloadable, and storable digital format.
Implemented TanStack Start createServerFn handlers for type-safe server-side operations without maintaining a separate Express API layer.
Built an HTML5 Canvas-based signature system allowing patients to digitally sign clinical consent documents directly within the browser.
Generated downloadable patient consent PDFs dynamically using html2pdf.js.
Implemented connection caching strategies to prevent excessive MongoDB reconnections in serverless deployment environments.
Leveraged server-side rendering for improved performance and local search discoverability.
Clone the repository:
git clone <repository-url>Install dependencies:
npm installRun development server:
npm run devBuild for production:
npm run buildCreate a .env file:
MONGODB_URI=This project was designed as an operational platform for a real dental clinic workflow, focusing on patient onboarding, appointment scheduling, consent digitization, and clinical document handling.
- Admin analytics dashboard
- Patient appointment history
- Cloud-based PDF archival
- Automated reminder notifications
- Role-based clinic staff access
- Secure doctor/patient portals
Bhaskar Tiwari