How to Build Medical records app with V0

1// Paste this prompt into V0's AI chat:
2// Build a medical records portal. Create a Supabase schema:
3// 1. patients: id (uuid PK), user_id (uuid FK to auth.users), first_name (text), last_name (text), date_of_birth (date), gender (text), blood_type (text), allergies (text[]), emergency_contact (jsonb)
4// 2. providers: id (uuid PK), user_id (uuid FK to auth.users), license_number (text), specialty (text), is_verified (boolean DEFAULT false)
5// 3. visits: id (uuid PK), patient_id (uuid FK to patients), provider_id (uuid FK to providers), visit_date (timestamptz), chief_complaint (text), diagnosis (text), notes (text), vitals (jsonb)
6// 4. prescriptions: id (uuid PK), visit_id (uuid FK to visits), patient_id (uuid FK to patients), medication (text), dosage (text), frequency (text), start_date (date), end_date (date), is_active (boolean DEFAULT true)
7// 5. documents: id (uuid PK), patient_id (uuid FK to patients), uploaded_by (uuid FK to auth.users), file_url (text), document_type (text), description (text), uploaded_at (timestamptz)
8// Add strict RLS: providers see only patients they have visited, patients see only their own records.

1// Paste this prompt into V0's AI chat:
2// Create a patient chart page at app/patients/[id]/page.tsx.
3// Requirements:
4// - Fetch patient by ID with related visits, prescriptions, and documents from Supabase
5// - Show patient header Card: full name, DOB, gender, blood type, allergies as Badges
6// - Use shadcn/ui Tabs with four tabs:
7//   - Demographics: emergency contact details, address, insurance info
8//   - Visits: Table of visits with date, provider name, chief complaint, diagnosis. Click row to expand notes.
9//   - Prescriptions: Table with medication, dosage, frequency, dates, status Badge (active=green, inactive=gray)
10//   - Documents: Grid of document Cards with type Badge, description, upload date, download Button (signed URL)
11// - Add 'New Visit' Dialog button for providers to log a visit
12// - Add 'Upload Document' Dialog with file input (PDF only, max 10MB) and document_type Select

1import { createClient } from '@supabase/supabase-js'
2import { NextRequest, NextResponse } from 'next/server'
3
4const supabase = createClient(
5  process.env.SUPABASE_URL!,
6  process.env.SUPABASE_SERVICE_ROLE_KEY!
7)
8
9export async function POST(req: NextRequest) {
10  const formData = await req.formData()
11  const file = formData.get('file') as File
12  const patientId = formData.get('patient_id') as string
13  const documentType = formData.get('document_type') as string
14  const description = formData.get('description') as string
15
16  if (!file || !patientId) {
17    return NextResponse.json({ error: 'Missing fields' }, { status: 400 })
18  }
19
20  const fileName = `${patientId}/${Date.now()}-${file.name}`
21  const { error: uploadError } = await supabase.storage
22    .from('medical-documents')
23    .upload(fileName, file, { contentType: file.type })
24
25  if (uploadError) {
26    return NextResponse.json({ error: uploadError.message }, { status: 500 })
27  }
28
29  const { error: dbError } = await supabase.from('documents').insert({
30    patient_id: patientId,
31    file_url: fileName,
32    document_type: documentType,
33    description,
34  })
35
36  if (dbError) {
37    return NextResponse.json({ error: dbError.message }, { status: 500 })
38  }
39
40  return NextResponse.json({ success: true })
41}
42
43export async function GET(req: NextRequest) {
44  const { searchParams } = new URL(req.url)
45  const filePath = searchParams.get('path')
46
47  if (!filePath) {
48    return NextResponse.json({ error: 'Missing path' }, { status: 400 })
49  }
50
51  const { data } = await supabase.storage
52    .from('medical-documents')
53    .createSignedUrl(filePath, 3600)
54
55  if (!data) {
56    return NextResponse.json({ error: 'Failed to generate URL' }, { status: 500 })
57  }
58
59  return NextResponse.json({ url: data.signedUrl })
60}

1// Paste this prompt into V0's AI chat:
2// Create a provider dashboard at app/patients/page.tsx.
3// Requirements:
4// - Fetch patients that the current provider has visited (JOIN visits ON provider_id = current user)
5// - Display as shadcn/ui DataTable: patient name, DOB, last visit date, diagnosis from last visit, active prescriptions count
6// - Add search Input to filter by patient name
7// - Each row links to /patients/[id] for the full chart
8// - Summary Cards at top: Total Patients, Visits This Week, Active Prescriptions, Pending Documents
9// - Add a 'New Patient' Dialog for registering new patients
10// - Mobile responsive: Cards stack, table scrolls horizontally

1// Paste this prompt into V0's AI chat:
2// Create a patient self-service portal at app/my-records/page.tsx.
3// Requirements:
4// - Fetch the current user's patient record with visits, prescriptions, and documents
5// - Show a personal health Card: name, DOB, blood type, allergies Badges
6// - Tabs: Visits (Table with date, provider, complaint, diagnosis), Prescriptions (Table with active Badge, medication, dosage), Documents (Card grid with download Button)
7// - Upcoming visits section showing next appointment if scheduled
8// - RLS ensures this page only shows the logged-in patient's own data
9// - No edit capabilities — patients view only, providers edit
10// - Add a note: 'Contact your provider to update your records'