jhembe/tz-fuel-ui

Tanzania Fuel Price Dashboard — React/Vite/Tailwind frontend for live EWURA fuel price data # TZ Fuel Price Dashboard A live, data-rich dashboard for Tanzania's official fuel prices — sourced directly from EWURA's monthly PDF bulletins. Built with React, Vite, and Tailwind CSS. Live at **fuel.mahembega.com** --- ## Screenshots | Overview | Price Map | |---|---| | | | | Deep Analytics | Historical Trends | |---|---| | | | | EWURA Bulletins | Mobile | |---|---| | | | --- ## Pages | Route | Description | |---|---| | `/` | Overview — national averages, latest prices, full-history trend chart | | `/map` | Interactive Tanzania district choropleth — toggle petrol/diesel/kerosene, click for history | | `/trends` | Area/line charts with full 2009–present history and date range selector | | `/analytics` | Deep analytics — volatility, regional gap, inflation index, Brent correlation, multi-model forecast | | `/regions` | Regional breakdown with per-region averages and district drilldown | | `/districts` | Searchable/sortable full district table with mini sparklines | | `/compare` | Side-by-side district comparison (up to 3) with overlaid price history | | `/bulletins` | EWURA PDF bulletin library — all 80+ monthly bulletins, stored and readable | | `/docs` | Live API documentation | --- ## Features - **Live Brent crude badge** — latest oil price displayed in the top bar - **Tanzania-clipped map** — inverted mask showing only Tanzania, neighboring countries hidden - **Collapsible sidebar** — desktop sidebar collapses to icon-only mode, preference saved to localStorage - **Multi-model forecasting display** — shows which model was selected (Holt-Winters ETS / ARIMA / SARIMA / SARIMAX-X) and its AIC - **Brent ↔ Tanzania correlation** — Pearson r correlation computed client-side for petrol/diesel/kerosene - **Info tooltips** — hover explanations for technical terms (volatility, CAGR, R², etc.) - **PDF bulletin viewer** — opens PDFs served from our own API (no EWURA URL dependency) - **Fully responsive** — mobile-first layout with bottom tab naviga …