A high-performance PoC for a Financial Settlement Dashboard developed for SafePay. This project simulates a hybrid asset management interface (Fiat & Crypto), focusing on security, data integrity, and automated code quality.
- React 19 (Powered by Vite 6)
- TypeScript (Strict Mode)
- Tailwind CSS v4 (High fidelity financial UI)
- Zod (Schema validation & runtime type safety)
- SonarCloud (Static analysis & Quality Gate integrated via CI/CD)
- Husky & Lint-staged (Pre-commit hooks for code consistency)
- CI/CD Infrastructure: Automated pipeline via GitHub Actions.
- Code Quality: Integration with SonarCloud.
- Data Architecture: Multi-currency transaction modeling (CHF, EUR, BTC).
- Multi-Currency Engine: Real-time conversion (CHF, EUR, BTC) with logic-level branch coverage.
- Secure Live Feed: Transaction stream simulation using cryptographically secure randomness.
- Persistence Layer: (Next) Implementation of IndexDB for offline-first settlement.
- WebSocket Integration: Transition from polling simulation to real-time socket events.
-
Install Dependencies:
npm install
-
Run Development Server:
npm run dev
-
Quality Checks:
npm run lint # Run ESLint npm run typecheck # Validate TypeScript types npm run test # Execute Vitest suite npm run coverage # Generate coverage report
This project adheres to rigorous fintech development standards:
- Conventional Commits: All commit messages must follow the specification (e.g.,
feat:,fix:,chore:). - Security by Design: Data validation at the application boundaries using Zod schemas to prevent data poisoning.
- Clean Code: Continuous monitoring via SonarCloud with a blocking Quality Gate on PRs.