A comprehensive web application to analyze week-over-week global money movement across the top 50 economies and major asset classes.
- Global Capital Flows Dashboard: A sleek, dark-themed financial dashboard that provides an overview of week-over-week (WoW) net capital flows.
- Simulated Dataset: Robust, seeded mock data generator creating realistic flow data (in Billions USD) for 50 countries across 6 major asset classes.
- Global Analytics: Interactive bar charts highlighting the top 10 countries with the largest net inflows and outflows.
- Country-Specific Deep Dive: Detailed breakdown of net flows into specific asset classes (Equities, Fixed Income, Real Estate, Commodities, Crypto, and Cash/FX).
- AI Market Insights: Integrated Gemini AI virtual financial analyst that generates concise, professional macroeconomic summaries explaining potential drivers for capital movements.
- Frontend: React 19, TypeScript, Vite
- Styling: Tailwind CSS
- Charts: Recharts
- Icons: Lucide React
- AI Integration: Google GenAI SDK (Gemini)
-
Install dependencies:
npm install
-
Set up your environment variables by copying
.env.exampleto.envand adding your Gemini API key:GEMINI_API_KEY="your_api_key_here" -
Start the development server:
npm run dev
To display the homepage screenshot in this README:
- Take a screenshot of the running application.
- Save the image file as
screenshot.pngin the root directory of this project. - The image will automatically appear at the top of this README file.
