Melki123shi/ethiopia-economic-indicator

# 📊 Ethiopia Economic Dashboard ## 📌 Overview A responsive web application that displays key Ethiopian macroeconomic indicators from the **National Bank of Ethiopia (NBE) 2023/24 Annual Report**. Users can select indicators to view **time-series charts** and detailed descriptions. --- ## ✨ Features * 🖱 **Indicator Selection** – Choose up to **7 indicators** (e.g., Real GDP Growth Rate, CPI Inflation) via interactive cards. * 📈 **Charts** – Time-series visualization using **line and bar charts** (Recharts) for trends from **2011–2016 EC** (2018/19–2023/24 fiscal years). * 📄 **Descriptions** – Collapsible cards with explanations and latest values for each indicator. * 📱 **Responsive Design** – Optimized for desktop and tablet. * ✅ **Data Accuracy** – Sourced directly from the NBE report, stored in **static JSON**. --- ## 🛠 Technologies * ⚡ **Framework**: Next.js * 🗂 **State Management**: Zustand * 📊 **Charts**: Recharts * 🎨 **Styling**: Tailwind CSS * 🖼 **Icons**: Lucide React --- ## 🚀 Installation ```bash # 1️⃣ Clone the repository git clone cd ethiopia-economic-dashboard # 2️⃣ Install dependencies npm install # 3️⃣ Run the development server npm run dev ``` Open **http://localhost:3000** in your browser. --- ## 🖼 Screenshots ### 📊 Dashboard View ### 📈 Indicator Chart Example --- ## 💡 Usage * ✅ Select indicators from the grid to view charts. * 🔍 Click **"View Description"** on cards for details. * 📌 Use **"Select All"** or **"Clear All"** for quick management. --- ## 📊 Data Source * All data extracted from **NBE's 2023/24 Annual Report**. * Stored in a static JSON file: `ethiopia-economic-indicators.json`. * Covers **7 indicators**: 1. 📈 Real GDP Growth 2. 📉 CPI Inflation 3. 💵 M2 Growth 4. 🏦 Forex Reserves 5. 💱 USD/ETB Exchange Rate 6. 📊 Domestic Credit Growth 7. 📦 Export Earnings --- ## 📄 License This project is licensed under the **MIT License**. --- Do you want me to add that?