PPTI Data Hub

Platform Manajemen Data Enterprise untuk Perkumpulan Pemberantasan Tuberkulosis Indonesia (PPTI).

Tech Stack

• Framework: Next.js 14 (App Router)
• Language: TypeScript
• Styling: Tailwind CSS 3 + shadcn/ui
• Database: SQLite via Prisma 5
• Charts: Recharts
• State: TanStack Query + TanStack Table
• Forms: React Hook Form + Zod

Getting Started

npm install
npx prisma generate
npx prisma db push
npx tsx prisma/seed.ts
npm run dev

Open http://localhost:3000.

Features

• Dashboard Eksekutif with 7 KPI Renstra indicators
• Organisasi berjenjang (Wilayah > Cabang > Anak Cabang > Ranting)
• Kader management
• Program TBC (Penemuan Kasus, Investigasi Kontak, TBC Tempat Kerja, Klinik JRC)
• Keuangan & Donor management
• Kemitraan Pentahelix
• Dokumen management
• Laporan & 7 Indikator Renstra
• Activity audit log
• Command palette (Ctrl+K)
• Dark mode