Ivory is a modern, intuitive web application designed for dental practices to streamline appointment booking and management. Patients can book appointments quickly, receive email confirmations, and keep track of their dental care, while admins can manage doctors and appointments effortlessly.
Experience Ivory in action:
🔗 Live Demo
💡 Tip: Use the admin email defined in
ADMIN_EMAILto access the admin panel and explore admin functionalities.
- ✨ Seamless Booking – Book appointments effortlessly with a responsive, clean interface.
- 📧 Instant Email Confirmations – Beautiful email templates with full appointment details.
- 🗓 Appointment Dashboard – Quick overview of upcoming appointments.
- 📱 Mobile-First Design – Fully responsive across all devices.
- 🎨 Interactive UI – Smooth hover effects, animations, and toast notifications.
- 🔒 Secure Access – Only
ADMIN_EMAILcan access admin functionalities. - 👨⚕️ Doctor Management – Add, edit, or remove doctors seamlessly.
- 📊 Appointment Oversight – Track all appointments in one dashboard.
- 🖥 Admin Panel – Access at
/adminto manage your practice efficiently. - 💳 Clerk Billing – Monitor subscriptions and premium feature payments.
- ✉️ Automated Emails – Sent via Resend, built with @react-email/components.
- 📝 Full Appointment Details – Includes doctor, date/time, type, duration, and cost.
- 🖼 Professional Templates – Sleek and readable for all patients.
- ⚡ Next.js & Tailwind CSS – Fast, modern, and responsive.
- 🖱 Interactive Components – Smooth toasts and animations via Sonner.
- 🌓 Future Dark Mode – Prepared for dark theme integration.
- 🧩 shadcn/ui – Ready-to-use components for consistent UI.
| Technology | Description | Icon |
|---|---|---|
| Next.js | Full-stack React framework | |
| Tailwind CSS | Utility-first CSS framework | |
| Clerk | Authentication & user management | |
| Clerk Billing | Subscription & payments management | |
| Sonner | Toast notifications | |
| Resend | Email sending service | |
| PostgreSQL (Neon) | Cloud relational database |  |
| Prisma ORM | Type-safe database ORM | |
| VAPI AI | AI-powered virtual assistant | |
| Lucide Icons | Open-source icon library |  |
| shadcn/ui | Ready-to-use React UI components |  |
Dashboard & Appointment Booking
Email Confirmation Example
💡 Tip: Screenshots highlight responsive UI and email confirmation workflow.
Diagram shows the flow: patient books → appointment saved in Neon DB via Prisma → email sent via Resend → admin manages via dashboard.
- 🔐 Clerk Authentication – Secure login and registration.
- 🛡 Admin Access – Restricted to
ADMIN_EMAIL. - 👤 User Privacy – Users can only access their own appointments.
- 🔑 Passwordless & Verified Email – Extra security layer.
- 💳 Payment gateway integration for deposits.
- ⏰ Real-time appointment reminders.
- 📈 Admin analytics dashboard for appointments, revenue, patient activity.
- 🏥 Multi-doctor support with advanced filtering and search.
- 🌙 Dark mode for better UX.
- 🤖 AI assistant via VAPI AI for patient queries.
Before running Ivory, set up your .env file with the following keys:
# Clerk Authentication Keys
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your_clerk_publishable_key
CLERK_SECRET_KEY=your_clerk_secret_key
# Database Connection
DATABASE_URL=your_postgres_database_url
# VAPI AI Assistant Configuration
NEXT_PUBLIC_VAPI_ASSISTANT_ID=your_vapi_assistant_id
NEXT_PUBLIC_VAPI_API_KEY=your_vapi_api_key
# Admin Account
ADMIN_EMAIL=your_admin_email
# Expose admin email to frontend if needed
NEXT_PUBLIC_ADMIN_EMAIL=your_admin_email
# Email Sending Service
RESEND_API_KEY=your_resend_api_key
# Application URL
NEXT_PUBLIC_APP_URL=your_app_urlWe welcome contributions from developers and enthusiasts!
- 🍴 Fork the repository.
- 🌿 Create a new branch:
git checkout -b feature-branch
- 🖊️ Commit your changes:
git commit -m "Add your feature" - 🚀 Push the branch:
git push origin feature-branch
- 🔀 Open a pull request.
💬 Questions or suggestions? Reach out!
📧 soumojitbanerjee22@gmail.com
🔗 LinkedIn
👨💻 Developed by Soumojit Banerjee
⭐ If you enjoyed using Ivory, give it a star on GitHub!