A web-based interactive dashboard displaying Economic metrics of East-African countries
# π Pan-African Economic Intelligence Platform (PAEIP)
This project is a Flask-based web application that provides an interactive economic dashboard for East African countries, built using:
- Flask (backend)
- SQLite (database)
- Chart.js (interactive charts)
- HTML/CSS/JS (front-end)
- CSV export functionality
- User authentication (signup/signin)
It loads macroeconomic data from the JSON file, East-African-data.json, and stores it into an SQLite database (paei.db).
## β¨ Features
### β
Dashboard
Interactive dashboard showing:
- Population
- GDP growth
- GDP sector composition
- Employment sectors
- FDI
- Unemployment
- Inflation
- Nominal GDP
All displayed as dynamic charts (Chart.js) and KPIs.
### β
Filters
- Filter by country
- Filter by year
- Auto-refresh of charts and KPIs
### β
Authentication
- User signup
- User login
- Sessions
- Password hashing (Werkzeug)
### β
Database
- SQLite with:
- metrics table (economic indicators)
- users table (name, email, hashed password)
### β
CSV Export
- A dedicated page to download the full dataset
- File generated dynamically from the SQLite database
- Only available for logged-in users
### β
Clean UI
- Modern layout
- Soft gradient background
- Light-blue brand color (instead of the darker purple)
## π Project Structure
```
βββ app.py
βββ create_db.py
βββ requirements.txt
βββ README.md
βββ paei.db # auto-created after running create_db.py
β
βββ East-African-data.json # cointains the dataset in json format
β
βββ templates/
β βββ base.html
β βββ home.html
β βββ signup.html
β βββ signin.html
β βββ dashboard.html
β βββ download.html
β
βββ static/
βββ css/style.css
βββ js/dashboard.js
```
## π Installation & Setup
### 1. First option: Run the deployed version using:
```
paeip-dashboard.onrender.com
```
### 2. Second option: Clone and run the program locally
1οΈβ£ **Clone the Project**
```
git clone
github.com
cd paei_dashboard
```
2 β¦