https://github.com/manibalasinha/findash
FinDash is a data-driven financial dashboard platform designed to provide real-time insights for investment and portfolio management. building enterprise-grade, grid-based UIs that handle large datasets, support multi-currency handling, dynamic pagination, telemetry logging, entitlement-based data
https://github.com/manibalasinha/findash
ag-grid apollo-client apollographql docker echarts es6-javascript express git github graphql html-css java-microservices javascript mongodb nodejs npm postgresql reactjs redux-toolkit webpack
Last synced: 4 months ago
JSON representation
FinDash is a data-driven financial dashboard platform designed to provide real-time insights for investment and portfolio management. building enterprise-grade, grid-based UIs that handle large datasets, support multi-currency handling, dynamic pagination, telemetry logging, entitlement-based data
- Host: GitHub
- URL: https://github.com/manibalasinha/findash
- Owner: ManibalaSinha
- Created: 2025-09-02T18:56:01.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-09-02T21:43:56.000Z (4 months ago)
- Last Synced: 2025-09-02T22:12:51.111Z (4 months ago)
- Topics: ag-grid, apollo-client, apollographql, docker, echarts, es6-javascript, express, git, github, graphql, html-css, java-microservices, javascript, mongodb, nodejs, npm, postgresql, reactjs, redux-toolkit, webpack
- Language: JavaScript
- Homepage: https://manibalasinha.github.io/FinDash/
- Size: 70.8 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# FinDash – Financial Dashboard Platform
**FinDash** is a **data-driven, enterprise-grade financial dashboard platform** designed to deliver real-time portfolio insights, interactive trade views, and analytics for investment management. Built with modern frontend technologies, it demonstrates handling **large datasets, grid-based UI, and GraphQL integration** for fintech applications.
---
## 🔹 Features
* **Interactive Dashboard** – View portfolios, trades, and analytics with dynamic grid-based tables.
* **AG Grid Integration** – Enterprise-grade table functionality with sorting, filtering, pagination, and custom layouts.
* **Charts & Analytics** – ECharts for visualizing portfolio trends and investment data.
* **GraphQL API** – Efficient data fetching from backend microservices.
* **State Management** – Redux Toolkit ensures predictable and scalable frontend state.
* **Multi-Currency Support** – Handle multiple currencies and live calculations.
* **Telemetry & Security** – Logging, entitlement-based data filtering, and secure access control.
* **Responsive Design** – Works across devices with optimized layouts.
---
## 🔹 Tech Stack
**Frontend:**
* React.js
* Redux Toolkit
* AG Grid
* ECharts
* Apollo Client / GraphQL
* JavaScript (ES6+) / HTML / CSS
**Backend:**
* Node.js / Express
* GraphQL APIs
* Java microservices (optional integration)
* PostgreSQL / MongoDB
**Other Tools:**
* Git & GitHub
* npm / Webpack
* Docker (optional for deployment)
---
## 🔹 Getting Started
1. **Clone the repo**
```bash
git clone https://github.com/ManibalaSinha/FinDash.git
cd FinDash/frontend
```
2. **Install dependencies**
```bash
npm install
```
> ⚠️ If you face dependency issues with GraphQL / Apollo Client, use:
> `npm install --legacy-peer-deps`
3. **Start the development server**
```bash
npm start
```
4. **Build for production**
```bash
npm run build
```
---
## 🔹 Deployment to GitHub Pages
1. Install `gh-pages`:
```bash
npm install --save gh-pages
```
2. Add `homepage` in `package.json`:
```json
"homepage": "https://ManibalaSinha.github.io/FinDash"
```
3. Add deploy scripts:
```json
"scripts": {
"predeploy": "npm run build",
"deploy": "gh-pages -d build"
}
```
4. Deploy:
```bash
npm run deploy
```
> Your app will be live at: `https://ManibalaSinha.github.io/FinDash/`
---
## 🔹 Project Structure
```
FinDash/
├─ frontend/
│ ├─ public/
│ │ └─ index.html
│ ├─ src/
│ │ ├─ components/ # React components
│ │ ├─ redux/ # Redux slices & store
│ │ └─ App.js
│ └─ package.json
├─ backend/
│ ├─ server.js
│ └─ schema/ # GraphQL schemas
└─ README.md
```
---
## 🔹 Why This Project
FinDash demonstrates following in fintech/data-heavy environments**:
* Building **performance-optimized dashboards**
* Working with **complex grid-based UI** (AG Grid)
* Integrating **GraphQL APIs** and backend microservices
* Managing application state with **Redux Toolkit**
* Developing a **responsive, secure, and scalable** frontend