Frontend - Tech Stack

Repository: finmars-platform/finmars-vue-portal and finmars-platform/finmars-portal and finmars-platform/finmars-workflow-portal

Overview

This document describes the technology stack used in the Vue Portal frontend.

Language

• JavaScript / TypeScript

Framework

• Vue 3 (main frontend framework)
• Angular.js (for finmars-platform/finmars-portal)

Build Tool

• Vite

State Management

• Pinia

Router

• Vue Router

UI / Styling

• CSS / SCSS
• TailwindCSS or UI component library (Naive UI / Element Plus / Vuetify)

API Layer

• HTTP Client: likely Axios
• Backend: Django REST Framework (from core), communication over REST/JSON

Authentication

• Keycloak (mandatory integration). Client library: keycloak-js

Environment & Config

• .env files for environment variables (e.g., VITE_*) — exact names to be confirmed

Testing

• E2E Testing: Cypress / Playwright (separate repository)

Linting & Formatting

• ESLint, Prettier — rules and configs

CI/CD

• GitHub Actions (build and deploy). Build process based on Dockerfile

Containerization

• Docker (Dockerfile)
• Docker Compose for local development — to be confirmed

Observability

• Logging and monitoring for the frontend — Sentry

---