2 min read

PahamiDulu

TanStack Start TanStack Router Tailwind CSS v4 shadcn/ui TypeScript Zustand Vite

Overview ๐Ÿ”—

PahamiDulu is a bilingual (Bahasa Indonesia + English) health awareness web application designed to educate the public about common health conditions and special needs. The app helps reduce stigma, prevent mishandling, and guide people to professional help.

The name โ€œPahamiDuluโ€ means โ€œUnderstand Firstโ€ in Indonesian โ€” reflecting the core mission: before judging or acting, understand.

Why I Built This ๐Ÿ”—

Health misinformation and stigma are prevalent in Indonesia. Many people donโ€™t know how to respond appropriately to conditions like autism, ADHD, hypertension, or diabetes. PahamiDulu bridges this gap by providing clear, actionable guidance in a language people understand.

Key Features ๐Ÿ”—

Bilingual Content ๐Ÿ”—

All content is available in both Bahasa Indonesia and English, with a language toggle that persists across sessions.

Health Topics Covered ๐Ÿ”—

Common Conditions: Hypertension, cholesterol, gout, obesity, diabetes, anxiety

Special Needs & Syndromes: Autism, ADHD, Tourette syndrome, Down syndrome

Structured Guidance ๐Ÿ”—

Each topic includes symptoms, causes, what helps, what to avoid, how to respond in various scenarios, red flags requiring professional help, and scientific citations.

Provider Directory ๐Ÿ”—

A directory of telehealth partners and clinics to help users find professional help.

Approach ๐Ÿ”—

Content-First Architecture ๐Ÿ”—

All health content lives in data files, and routes render from them. This separation of content from presentation makes it easy to add new topics without touching application code, and enables non-technical contributors to update content.

Bilingual Strategy ๐Ÿ”—

Content uses a simple { id: string; en: string } structure rather than a full i18n library โ€” appropriate for content that doesnโ€™t change frequently. Language preference persists in localStorage via Zustand.