FinSight is a full‑stack financial analytics dashboard for visualizing KPIs, products, and transaction data using modern web technologies.

FinSight provides a clean and interactive way to explore financial data.

The backend seeds predefined financial data into MongoDB and exposes read‑only REST APIs.
The frontend consumes this data using Redux Toolkit Query and presents insights via charts and data grids.

⚠️ This project does not support CRUD operations.
Data is seeded once and served as read‑only analytics data.

• 📈 KPI analytics dashboard
• 📊 Interactive charts (bar, line, area, pie, scatter)
• 🧮 Financial trend prediction using regression
• 🗃️ Product & transaction data grids
• ⚡ RTK Query--powered data fetching
• 🎨 Material UI responsive layout
• 🌙 Theme customization
• 🧱 Clean monorepo architecture

• Vite
• React 19
• TypeScript
• Redux Toolkit + RTK Query
• Material UI (MUI)
• Recharts
• React Router
• Regression.js

• Node.js
• Express 5
• TypeScript
• MongoDB + Mongoose
• Helmet, CORS, Morgan
• dotenv

┌──────────────┐
│   Frontend   │
│  React + Vite│
│  RTK Query   │
└───────┬──────┘
        │ HTTP (REST)
        ▼
┌──────────────┐
│   Backend    │
│ Express API  │
│ Read‑only    │
└───────┬──────┘
        │ Mongoose
        ▼
┌──────────────┐
│   MongoDB    │
│ Seeded Data  │
│ (Dummy.js)   │
└──────────────┘

fin-sight
├── client        # Frontend (Vite + React)
│   ├── src
│   │   ├── components
│   │   ├── scenes
│   │   ├── state
│   │   ├── theme
│   │   └── main.tsx
│   └── vite.config.ts
├── server        # Backend (Express + MongoDB)
│   ├── src
│   │   ├── models
│   │   ├── routes
│   │   ├── utils
│   │   └── index.ts
│   └── data
│       └── dummy.js
├── LICENSE
└── README.md

Resource Endpoint

KPIs /kpi/kpis Products /product/products Transactions /transaction/transactions

All endpoints are read‑only and consumed via RTK Query.

VITE_BASE_URL="http://localhost:1337"

MONGO_URL="mongodb://localhost:27017/finsight"
PORT=1337
CLIENT_URL="http://localhost:5173"

git clone https://github.com/grep-many/finsight.git
cd finsight

Client

cd client
npm install

Server

cd server
npm install

Backend

cd server
npm run dev

Frontend

cd client
npm run dev

Open http://localhost:5173

On startup, the backend automatically seeds:

• KPIs
• Products
• Transactions

Seeding runs only if collections are empty.

• Financial analytics dashboards
• KPI monitoring platforms
• Data visualization projects
• Portfolio‑grade MERN applications
• RTK Query learning reference

This project is licensed under the MIT License. See the for details.

If you found this useful:

• ⭐ Star the repo
• 🍴 Fork it
• 📊 Build your own analytics platform

FinSight --- turning raw financial data into clear insights.