Ghana-Statistical-Service/Ghana-in-numbers

Dashboard Powered by StatsBank for Ghana in Numbers Publication # Ghana in Numbers Ghana in Numbers is a dashboard-style frontend for presenting key national indicators from the Ghana Statistical Service in a fast, visual, and accessible format. The current implementation focuses on the homepage experience: a national snapshot with headline KPIs, a regional map, macro charts, and quick-entry cards for deeper stories and exploration. ## Current Scope The app currently includes: - A dashboard shell with sidebar navigation and top bar - A KPI strip for headline national indicators - An inflation summary card with a trend graph - A regional choropleth map - GDP growth and sector breakdown charts - Supporting cards for monthly changes, popular indicators, and a featured data story ## Tech Stack - Next.js 16 - React 19 - TypeScript - Tailwind CSS 4 - Recharts - react-simple-maps ## Project Structure ```text src/ app/ layout.tsx page.tsx globals.css components/ home/ ChoroplethMap.tsx DataStoryCard.tsx GDPGrowthChart.tsx InflationSparkline.tsx KPIStrip.tsx MostSearchedCard.tsx SectorBreakdown.tsx WhatsChangedCard.tsx layout/ Sidebar.tsx TopBar.tsx data/ dummy.ts lib/ geojsonToSvg.ts types/ index.ts ``` ## Getting Started ### Prerequisites - Node.js 20+ recommended - npm ### Install dependencies ```bash npm install ``` ### Start the development server ```bash npm run dev ``` Open `localhost`. ### Build for production ```bash npm run build npm run start ``` ## Available Scripts - `npm run dev`: start the development server - `npm run build`: create a production build - `npm run start`: run the production build ## Data The current interface uses placeholder/demo values stored in `src/data/dummy.ts`. This keeps the frontend easy to iterate on while live data integration and final indicator definitions are being refined. ## Design and Product Direction The broader product direction is documented in `../docs.md`, including: - thematic areas - homepage structure - section templates - future storytelling …