hirnarvl/hrvl-dashboard

Animal disease surveillance analytics for the Hirna Regional Veterinary Diagnostic Laboratory — East & West Hararghe, Oromia, Ethiopia" It's a client-rendered single-page app # HRVL Disease Analytics Dashboard A production-ready veterinary disease surveillance dashboard for the **Hirna Regional Veterinary Diagnostic Laboratory (HRVL)**, Oromia, Ethiopia. Built with Next.js 16, React, TypeScript, Tailwind CSS 4, and shadcn/ui. ## Features - **8 KPI Cards** with trend indicators (Total Reports, Outbreaks, Zero Reports, Compliance Rate, Cases, Deaths, Active Woredas, Active Outbreaks) - **3 Reporting Rate Cards** (Overall / East Hararghe / West Hararghe) - **Interactive Outbreak Map** with pulsing bubbles for active outbreaks (React-Leaflet + CARTO basemap) - **Daily / Weekly / Monthly Reporting Trend** charts (bar + line composed charts) - **Species Distribution Donut Chart** with 7 livestock species - **Case Fatality Rate (CFR) Trend** line chart for 5 major diseases - **Disease Summary Table** with search and pagination - **Outbreak Details Table** with Morbidity, Mortality, CFR columns + sortable headers - **Surveillance Records Table** with sortable headers + search - **Woreda Reporting Compliance Table** with progress bars for all 36 woredas - **Excel Import** with multi-sheet parsing, fuzzy woreda name matching, and auto date configuration - **CSV Export** for all 4 tables - **Dark / Light Mode** toggle with theme-aware charts and map tiles - **Fully Responsive** — works on mobile, tablet, and desktop - **Epidemiological Report Generator** with printable narrative summary ## Tech Stack | Layer | Technology | |-------|------------| | Framework | Next.js 16 (App Router) | | Language | TypeScript | | Styling | Tailwind CSS 4 + shadcn/ui | | Charts | Recharts | | Maps | React-Leaflet + CARTO basemap | | Excel parsing | SheetJS (xlsx) | | Theme | next-themes | | Icons | lucide-react | ## Live Demo This is a **static export** — no server required. You can deploy it to any static hosting provider: - GitHub Pages - Netlify - Vercel - Cloudflare Pages - Any static file server ## Deployment to GitHub Pages 1. **Create a new public …