Lease Management

Appearance

Lease ManagementIFRS 16 Lease Management System

Developer documentation for the React and TypeScript frontend.

Get started
Explore the API

Lease workflows

Frontend routes cover lease creation, review, lifecycle actions, reporting, and analytics.

Layered frontend

React pages and components use TypeScript services backed by a shared Axios client.

Source-based reference

API details are limited to what the frontend source establishes; backend contracts are called out separately.

Project ​

The application is a browser-based lease management system whose repository describes IFRS 16 lease calculations, amortization schedules, journal entries, and portfolio reporting. The React frontend is in front/; the service layer communicates with a separately implemented backend API.

Main features ​

  • Lease portfolio viewing, filtering, creation, editing, deletion, termination, and reactivation.
  • Dashboard and analytics views.
  • Lease calculation preview and report exports.
  • User, role/permission, entity, department, audit, and settings interfaces.
  • Login, profile, password change, and password reset flows.

Technology stack ​

React 18, TypeScript, Vite, React Router, Axios, Tailwind CSS, React Hook Form, Lucide React, Heroicons, and PostgreSQL/Prisma on the separately documented backend. See Architecture and Getting started.

Quick start ​

sh
cd front
npm install
npm run dev

The frontend expects VITE_API_BASE_URL to point to the backend API. See Environment variables. The documentation site itself is run from the repository root with npm run docs:dev.

Documentation navigation ​

Architecture at a glance ​

text
React pages → components/hooks → service modules → Axios client → backend API

More detail is in Architecture. Frontend code does not establish every backend behavior or schema; such gaps are marked in the API reference.