Project Setup Guide

This guide provides instructions for setting up the Fineract Backoffice UI development environment.

Prerequisites

  • Node.js: LTS version (v22.x or later).
  • npm: v10.x or later.
  • Angular CLI: v20.x or later.

Installation

  1. Clone the repository:

    git clone https://github.com/apache/fineract-backoffice-ui.git
    cd fineract-backoffice-ui
    
  2. Install dependencies:

    npm install
    

Local Helper Scripts

For convenience, the following scripts are provided for local development (Linux/macOS):

  • ./run-local.sh: One-step setup. Installs dependencies, generates local SSL certificates (using OpenSSL), and starts the server in HTTPS mode.
  • ./cleanup-local.sh: Safely stops background Angular processes and removes temporary build/SSL artifacts.

Development

  1. Secure Development (SSL): Since Fineract sandboxes often require HTTPS, run the following to set up local trusted certificates (requires mkcert):

    ./scripts/setup-ssl.sh
    
  2. Run the application:

    • Local Development:
      npm start
      
    • Mifos Sandbox:
      npm run start:sandbox
      
      Access the UI at http://localhost:4200 (or https://localhost:4200 if using SSL).
  3. Connecting to a Sandbox: Update src/environments/environment.ts with your sandbox URL:

    fineractApiUrl: 'https://demo.mifos.io/fineract-provider/api/v1';
    
  4. Run unit tests:

    npm run test
    
  5. Run end-to-end tests:

    npm run test:e2e
    
  6. Run linting:

    npm run lint
    
  7. Format code:

    npm run format
    

Docker Execution

  1. Build and start container:
    cd deploy
    docker-compose up --build
    
    Access the UI at http://localhost:8080.