Mifos X Web App is a modern single-page application (SPA) built on top of the Mifos X platform for financial inclusion. It serves as the default web interface for the Mifos user community.
Technologies Used:
- HTML5, SCSS, and TypeScript
- Angular framework
- Angular Material components
- Git: Download here
- Mifos X Backend (Fineract) - Required before running the web app
- For backend, either take the shortcut of using (/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --disable-web-security --user-data-dir="/tmp/ChromeDev") for testing.
- Else, try using docker if you have a PC/Laptop with good specifications.
- Install Node.js: Download here
- Install Angular CLI:
npm install -g @angular/cli@16.0.2 - Clone the repository:
For Windows:
git clone https://github.com/openMF/web-app.gitgit clone https://github.com/openMF/web-app.git --config core.autocrlf=input - Navigate to the project directory:
cd web-app - Install dependencies:
npm install - Start the development server:
ng serve - Access the application at
http://localhost:4200/
When using the development server with basic authentication:
- Username: mifos
- Password: password
Important: Do not alter these credentials.
Ongoing documentation of daily progress, research, and implementation efforts.
Timeline 16 November - 2 December
Show Details
Reviewed all relevant documentation and requirements.
Refined and finalized the Product Requirement Document (PRD).
Completed the viva on 21 November.
Show Details
Identified viable closed PRs related to our feature scope.
Tagged them for deeper analysis.
Show Details
Analyzed shortlisted PRs in detail.
Reviewed implementation decisions, change sets, and architectural impact.
Show Merged PRs Reviewed
Focused on merged pull requests relevant to the project.
Reviewed:
#2790 — WEB-369-fix(oauth2): Replace localStorage with sessionStorage in callback component openMF#2790
#2798 — Revert: WEB-394-fix — Remove direct JSON.parse usages, restore previous behavior openMF#2798
#2757 — WEB-399-fix(webappcomponent): Add RxJS cleanup & unsubscribe handlers to prevent memory leaks openMF#2757
Show Details
Fixed all the issues with launching through client side AGAIN.
Reviewed implementation decisions, change sets, and architectural impact again.
Show Details
Created test changes and pushed data to our Repo.
Planned further changes and started working on them locally.
Show Details
Rehan finished working on the home page's HTML/CSS and added shortcuts to other pages.
Show Details
Fixed conflicts with other scripts.
Show Details
Deepanshu finished his work on merging the dashboard and home components.
Show Details
Fixed conflicts and resolved data-related issues with graphs in Deepanshu’s part.
Show Details
Pushed and merged code to the final repo.