✦ Macro Watch Desk

React macro indicator dashboard powered by the World Bank Indicators API

---

✨ Highlights

• Compare World Bank indicators across a selected country basket
• Load country metadata and five macro time series in parallel
• Track GDP growth, inflation, GDP per capita, unemployment, and population
• Show latest non-null values because recent World Bank years may still be pending
• Switch 5, 10, 15, or 20 year windows
• Render compact sparklines for each selected country
• Save country baskets in localStorage
• Vercel-ready static deployment

🛠️ Tech Stack

Layer	Technology
Framework	React 19
Language	TypeScript 6
Styling	Tailwind CSS 4
Icons	lucide-react
Build Tool	Vite 8
API	World Bank Indicators API v2
Hosting	Static deployment ready

🗂️ Project Structure

react-world-bank-macro-watch/
|-- public/
|   `-- favicon.svg
|-- src/
|   |-- lib/
|   |   `-- worldBankApi.ts
|   |-- App.tsx
|   |-- index.css
|   `-- main.tsx
|-- LICENSE
|-- package.json
|-- vercel.json
`-- README.md

🚀 Local Development

npm install
npm run dev

🏗️ Build

npm run build

🌐 Vercel Deployment

🔌 API Note

This project uses the World Bank Indicators API v2:

https://api.worldbank.org/v2/country/USA;DEU/indicator/SP.POP.TOTL?format=json
https://api.worldbank.org/v2/country/USA;DEU?format=json

The API is public and does not require API keys or authentication.

📄 License

MIT License. See LICENSE.