Galle, LK--:--5/6 sites live
Client Web

Keshara Ayurvedic Hospital

Holistic Medicine & Wellness

TanStack Start and Vite modern wellness platform for traditional Sri Lankan Ayurvedic healing, doctor consultations, and herbal remedies.

Read the deep dive Private repository
Keshara Ayurvedic Hospital

Overview

Keshara Ayurvedic Hospital is a modern web application built on the cutting-edge TanStack Start framework. Designed to bring authentic Sri Lankan Ayurvedic medicine and wellness tourism to digital audiences, the platform enables patients to explore holistic treatment packages (Panchakarma, herbal steam therapy, stress relief), consult certified Ayurvedic physicians, and order traditional remedies.

Design decisions

The choices that shaped the system, and why.

  1. 1

    Why TanStack Start?

    Evaluated cutting-edge alternatives to Next.js. TanStack Start offers 100% type-safe routing, seamless Vite HMR, and ultra-fast client hydration without Next.js vendor lock-in.

  2. 2

    Dosha Diagnostic Question Flow

    Implemented a multi-step diagnostic intake questionnaire classifying patient constitutions into Vata, Pitta, and Kapha before consultation booking.

Architecture

TanStack Start SSR Architecture

Full-stack type-safe React framework leveraging Vite for instantaneous HMR and efficient server rendering.

Treatment Taxonomy

Structured digital catalog classifying Ayurvedic therapies, bodily doshas (Vata, Pitta, Kapha), and herbal preparations.

Appointment Scheduling Flow

Frictionless booking flow capturing patient health concerns and preferred consultation slots.

Rich Visual Heritage Branding

Integrates traditional botanical illustrations and contemporary clinic photography.

DevOps & deployment

Deployable on Node.js Docker runtime or serverless platforms such as Netlify or AWS Lambda.

Features

  • Comprehensive directory of Ayurvedic treatments with indications and therapeutic benefits.
  • Physician appointment request form with condition pre-screening.
  • Herbal dispensary catalog showcasing natural tonics and oils.
  • Fully type-safe client-server data fetching and form state handling.

Screenshots

Fig 1 · Ayurvedic treatment photography
Fig 2 · Animated product render
Fig 3 · Ayurvedic treatment photography
Fig 4 · Ayurvedic treatment photography
Fig 5 · Ayurvedic treatment photography
Fig 6 · Animated product render
Fig 7 · Animated product render
Fig 8 · Animated product render

Related writing