GuyTito/african-intelligence-platform

# African Intelligence Platform An executive dashboard for exploring African economic indicators using World Bank data. The application lets users select an African region or country, choose a year, and view key macroeconomic metrics such as GDP, GDP growth, inflation, GDP per capita, population, and foreign direct investment net inflows. ## What It Does - Fetches African country and regional data from the World Bank API. - Displays headline economic KPIs in a responsive dashboard. - Shows GDP growth trends across major African economies. - Shows a top economies bar chart using the latest available GDP values. - Stores selected filters in the URL so views can be shared or revisited. - Uses React Query to manage loading, caching, and parallel indicator requests. - Uses ECharts for dashboard visualizations. ## Current Indicators The dashboard currently tracks: - Total GDP - GDP growth - Inflation - GDP per capita - Total population - FDI net inflows These indicators are mapped to official World Bank indicator codes in `src/data/worldBankIndicators.ts`. ## Current Dashboard Views - KPI overview cards for a selected region or country and year. - GDP Growth Trajectory line chart for major African economies. - Top Economies horizontal bar chart ranked by latest available GDP. ## Tech Stack - React - TypeScript - Vite - Tailwind CSS - React Router - TanStack React Query - Axios - ECharts - lucide-react ## Project Structure ```txt src/ components/ Reusable UI components and chart primitives data/ African region and World Bank indicator constants features/dashboard/ Dashboard layout, header, and KPI section hooks/ Data-fetching hooks and URL state helpers routes/ React Router route definitions utils/ Formatting, API, and utility helpers ``` ## Getting Started This project uses `pnpm`. Install dependencies: ```bash pnpm install ``` Start the development server: ```bash pnpm dev ``` Build fo …