Description
VeloAge – Biological Age Tracking & Health Analytics React Dashboard Template
VeloAge – Biological Age Tracking & Health Analytics React Dashboard Template is a premium, production-ready React 18 + TypeScript UI dashboard template built for health-tech, longevity, and wellness applications. It provides a complete front-end interface for biological age tracking, biomarker analysis, AI-driven health insights, insurance plan optimization, nutrition, sleep, and goal management — all inside a sleek, dark-mode-first design system.
IMPORTANT — Front-End Template Only: VeloAge is a UI template. It ships with realistic mock data so you can see every feature in action immediately. It does not include a real backend, database, or AI engine. A developer can connect any REST API, GraphQL endpoint, Supabase, Firebase, or custom server to the existing service layer in src/data/mock/ with minimal effort.
Key Features
- 11 fully built pages — zero placeholder screens
- Multi-step Onboarding Flow — collects health metrics, lab results, lifestyle, and genetic data
- Demo Login Screen — ready-to-use authentication UI (connect your own auth provider)
- Dark / Light / System Theme — seamless via CSS custom properties + next-themes
- 48 shadcn/ui Components — Radix UI accessibility primitives (Dialog, Drawer, Popover, etc.)
- Recharts Integration — radar, line, bar, area, and pie charts throughout
- React Hook Form + Zod Validation — forms are fully validated with TypeScript-safe schemas
- AI & Workflow Ready — clean service-layer architecture in src/data/mock/ — swap mock data for any AI API (OpenAI, custom ML endpoints, LangChain workflows) in one file
- IBM Plex Sans Typography — premium medical-grade look and feel
- Responsive Layout — mobile-first collapsible sidebar, responsive grids
- TypeScript Strict Mode — full type safety, no any casts
- Vite 6 Build — sub-second HMR, optimized production bundles
- ESLint Configured — zero lint warnings out of the box
- Modular Architecture — add pages, change routes, swap data sources without touching the design system
- React Context API — Auth, Theme, and App state management (easily swap for Redux or Zustand)
