[DMP 2026]: Payment Hub EE, Operations UI in React

Ticket Contents

Description

This project will create a new operations application from the ground up for the Payment Hub EE solution target at release 2.1 (Oct 26).

This task will need to replicate as an MVP the functional tasks of the existing Operations App (Angular)

Support both GovStack and non-GovStack use

  Orchestration for Governments

      G2P

      P2G

      Vouchers

   Orchestration for DFSPs

Integrate with RBAC (keycloak)

   different views for different roles

   authenticated login

Integrate with Reporting/Dashboards.

    Easier view for bulk transactions

    failure rates

     etc

Goals & Mid-Point Milestone

Goals

• [1] [Research best practice Design in Figma the ideal screens]
• [2] [Identify MVP scope]
• [3] [Modularise components within the UI so only those needed are deployed.]
• [4] [Plan for extensibility how would new functions be added for new PH-EE capabilities]
• [5] [Plan for maintainability how will the app be maintained]
• [6] [Test Coverage from start building suitable test cases for regression testing]

Setup/Installation

This is a new project but would be good to functionally understand our existing application first.

Expected Outcome

A new working and integrated UI providing existing functionality at a minimum built in React ShadCN

Acceptance Criteria

New Web App with existing functionality as MVP
Documented extensibility design
Documented maintainability process
Test cases for regression
Participation in mid and final presentations to Mifos Community
Final Project Report/blog documented and shared with community

Implementation Details

This will be created using React ShadCN

Mockups/Wireframes

to be created as part of the project but look at existing app for ideas

Product Name

Payment Hub EE

Organisation Name

The Mifos Initiative

Domain

Financial Inclusion

Tech Skills Needed

React

Mentor(s)

@DavidH-1 @IOhacker

Category

Frontend