oxxyl/nilotica-shea-demo

Traceability command-center prototype for Nilotica Shea Company Ltd — Northern Uganda # Nilotica Shea — Traceability Command Center (Demo) A single-page traceability dashboard for **Nilotica Shea Company Limited**, a producer company sourcing wild-harvested *Vitellaria nilotica* across Northern Uganda for the European cosmetics market. Built as a prototype demo: static HTML + CSS + vanilla JS, hosted free on GitHub Pages. No backend, no database, no build step. > ⚠️ **All data in this demo is synthetic.** Farmer names are common Acholi/Luo first names paired with fictional surnames. GPS coordinates are realistic for Northern Uganda but do not correspond to any real farm, person, or facility. ## What this shows A board or prospective EU buyer walking into a meeting with this URL sees: - **Live KPI strip** — batches, volume, farmers, EUDR readiness, dispatch readiness - **Pipeline flow** — harvest → collection → processing → QC → storage → dispatch, with live counts - **Sourcing map** — dark satellite basemap, 10 collection-group pins, collection-zone polygons, processing-facility marker - **Batch register** — 5 batches at different pipeline stages, each clickable for a full dossier - **Batch dossier** (`batch.html?id=...`) — harvest date, contributing groups, volume-by-group chart, QC laboratory results vs thresholds, EUDR geolocation package, deforestation risk score, certification status, and a scannable QR code - **Cooperative-level certifications** — USDA Organic, EU Organic, Fairtrade (all in-progress / planned) - **Quality pass-rate radar** — moisture, FFA, peroxide, impurities, aflatoxin across tested batches ## File structure ``` nilotica-demo/ ├── index.html Main dashboard ├── batch.html Single-batch dossier (QR target) ├── assets/ │ ├── css/styles.css All styling │ ├── js/ │ │ ├── data.js Synthetic cooperative / groups / farmers / batches │ │ ├── dashboard.js Main dashboard logic │ │ └── batch.js Batch detail page logic │ ├── img/ │ …