🦷 DentalHub 🦷

The Next-Gen Dental Platform with AI-Powered Voice Assistance

Features • Tech Stack • Getting Started • Env Setup • Author

🚀 About The Project

DentalHub is a cutting-edge full-stack telemedicine application tailored for the dental industry. It bridges the gap between patients and dental care providers through intelligent automation and a seamless user experience.

At its core, DentalHub integrates a powerful AI Voice Agent (powered by Vapi) that acts as a first-line dental assistant, answering patient queries instantly. The platform also features a robust appointment booking system, secure payments, and a dedicated admin dashboard, making it a complete solution for modern dental practices.

✨ Key Features

🤖 AI & Voice Intelligence

• Interactive AI Voice Agent: Talk directly to the AI assistant for dental advice, priced estimations, and general queries (Powered by Vapi).
• Intelligent Prompts: Custom-engineered system prompts to ensure accurate and safe dental advice.

📅 Smart Appointment System

• 3-Step Booking Flow: Streamlined experience: Select Dentist → Choose Service & Time → Confirm.
• Real-Time Availability: Prevents double-booking and manages doctor schedules efficiently.
• Email Notifications: Automated confirmation emails sent via Resend immediately after booking.
• Admin Dashboard: Comprehensive view for clinics to manage upcoming appointments and patient records.

� Security & Identity

• Robust Authentication: Powered by Clerk. Supports Google, GitHub, and legacy Email/Password logins.
• Email Verification: Secure 6-digit OTP verification for new accounts.

💳 Payments & Subscriptions

• Subscription Models: Tiered access (Free, Pro, Enterprise) managed via Clerk and Stripe integration patterns.
• Smart Upgrades: Prorated billing logic for seamless plan upgrades.
• Automatic Invoicing: Invoices generated and sent instantly to patients.

🎨 Modern UI/UX

• Responsive Design: Mobile-first approach using Tailwind CSS.
• Component Library: High-quality, accessible components built with Shadcn UI.
• Visuals: Rich gradients, glassmorphism effects, and smooth transitions driven by Framer Motion equivalents.

---

� Tech Stack

Frontend

• Framework: Next.js 15 (App Router)
• Language: TypeScript
• Styling: Tailwind CSS v4
• Components: Shadcn UI / Radix UI
• Icons: Lucide React

Backend & Database

• Server: Next.js Server Actions & API Routes
• Database: PostgreSQL
• ORM: Prisma
• Caching/State: TanStack Query

Integrations

• Auth: Clerk
• Voice AI: Vapi
• Email: Resend

---

🧪 .env Setup

Create a .env file in the root directory and add the following keys:

# Authentication (Clerk)
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_...
CLERK_SECRET_KEY=sk_test_...

# Database (PostgreSQL)
DATABASE_URL="postgresql://user:password@host:5432/dbname"

# AI Voice Agent (Vapi)
NEXT_PUBLIC_VAPI_ASSISTANT_ID=your_vapi_assistant_id
NEXT_PUBLIC_VAPI_API_KEY=your_vapi_public_key

# Admin Configuration
ADMIN_EMAIL=admin@dentalhub.com

# Email Services (Resend)
RESEND_API_KEY=re_123...

# App URL (For links and redirects)
NEXT_PUBLIC_APP_URL=http://localhost:3000

---

🏁 Getting Started

Follow these steps to set up the project locally.

Prerequisites

• Node.js (v18 or higher)
• npm or yarn
• PostgreSQL installed locally or a cloud database URL

Installation

1. Clone the repository

   git clone https://github.com/shivsin25/DENTAL_HUB.git
   cd DENTAL_HUB

2. Install dependencies

   npm install
   # or
   yarn install

3. Setup Database Ensure your .env file has the correct DATABASE_URL, then run:

   npx prisma generate
   npx prisma db push

4. Run the development server

   npm run dev

5. Open the app Visit http://localhost:3000 in your browser.

---

👨‍💻 Author

Shivendra Singh

• GitHub: @shivsin25

---

📄 License

This project is proprietary and created by Shivendra Singh.