hirnarvl/hrvl-dashboard
Domain:
healthcaredigital infrastructureRecord type:
softwaretools
Creator:
hir
Host:
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 …