FinTech Admin Vue3 Ag-Grid

English | Українська 🇺🇦

Live demo: https://fintech-admin-vue3-ag-grid.vercel.app/

Proof of Concept (POC) for the User Interface of a FinTech Admin Application using:

• Vue 3, TypeScript

• AG Grid, AG Charts, View UI Plus

• Vue Router, Pinia, Vue i18n,

• Vite, TailwindCSS, ESLint, Prettier, Husky, commitlint

Demo

Demo Notes

• Heads up: An enterprise license is required for AG Grid and AG Charts.
• Note: The following packages were used for the demo POC but can be removed:
  • vite-plugin-vue-devtools
  • spline
  • countries-list
  • xlsx (used for export to Excel, not recommended for production due to security issues)

Features

Fintech template as POC output for requirements documentation

Project setup

$ git clone https://github.com/reduce-map/fintech-admin-vue3-ag-grid.git # clone the project
$ cd fintech-admin-vue3-ag-grid # enter the project directory
$ pnpm i # Install dependencies
$ pnpm dev # Start the development server
$ pnpm build # Build the project
$ pnpm preview # Preview the production build
$ pnpm type-check # type check
$ pnpm lint # lint code

After cloning the repository and running pnpm install, the prepare script is automatically run. This script sets up Husky git hooks which help ensure consistent code quality and commit message format.

Git Hooks

This project uses Husky to manage git hooks. When you commit or push changes.

Huge Thanks and Motivation

• vue-admin-template by PanJiaChen

• Project Lines in spline.design by Mahmut Elipek

• Chris Fritz's Vue Enterprise Boilerplate

• Brad Frost's Atomic Design

• Bon Jovi for the Nice Day

Mind Outcome

• “If a stone flying through the air were conscious, it would think it was flying by its own will,” relies on Spinoza, original link

• "It is evident from statistics that resource management is far more important than the resources themselves."