A lightweight internal dashboard showcasing leading fintech companies in Africa, their transaction volumes, and market share insights
# Fintech Market Insights Dashboard
A lightweight internal dashboard showcasing leading fintech companies in Africa, their transaction volumes, and market share insights.
## Features
- 📊 Comprehensive fintech company listings
- 📈 Transaction volume tracking and trends
- 🥧 Market share visualizations
- 🌍 Geographic filtering by African countries/regions
- 📤 Data export capabilities
- 📱 Responsive design for all devices
## Tech Stack
### Frontend
- React 18 with TypeScript
- Material-UI (MUI) for design system
- Recharts for data visualizations
- React Query for data fetching
- Vite for fast development
### Backend
- Node.js with Express.js
- TypeScript for type safety
- SQLite for data storage
- In-memory caching with node-cache
- Node-cron for scheduled tasks
## Getting Started
### Prerequisites
- Node.js 18+
- npm or yarn
### Installation
1. Clone the repository
```bash
git clone
cd fintech-market-dashboard
```
2. Install dependencies
```bash
npm install
```
3. Start development servers
```bash
npm run dev
```
This will start both frontend (
localhost) and backend (
localhost) servers.
### Available Scripts
- `npm run dev` - Start both frontend and backend in development mode
- `npm run build` - Build both frontend and backend for production
- `npm run test` - Run tests for both frontend and backend
- `npm run lint` - Run linting for the entire project
## Project Structure
```
├── frontend/ # React TypeScript frontend
│ ├── src/
│ │ ├── components/
│ │ ├── pages/
│ │ ├── services/
│ │ └── utils/
├── backend/ # Node.js TypeScript backend
│ ├── src/
│ │ ├── controllers/
│ │ ├── services/
│ │ ├── models/
│ │ ├── routes/
│ │ └── utils/
└── data/ # SQLite database files
```
## Deployment
This application is designed to be deployed using free hosting services with automated CI/CD.
### Live Demo
- **Frontend**:
fintech-market-dashboard.ve…
- **Ba …