Github repository link: https://github.com/openmf/online-banking
Commits made during GSoC: Link
- Online Banking App is the customer facing web-app which currently utilizes Self Service APIs to let the users interact with their own data such as view/transact on the loans they hold, view beneficiaries, check charges etc.
During this GSoC period, I brought up a revamp of web-self-service app from scratch on top of the latest Angular framework (Angular CLI 9 ).
-
Setup Project Architecture PR link
- The project was generated with latest stable version of Angular CLI (9.1.7). The Project structure aims to promote refactored structure alongwith respecting the DRY and SRP paradigms.
- The module structure is crafted as such that there is least overhead work when we want a dependency upgrade / Angular version upgrade.
- The App currently utilizes Angular Material components, promoting a better UX and UI response.
- Authentication and Authorization are handled by proper shell component activated by Authentication Guard.
-
Login UI and API Integration PR link
- This features allows self service users to authentication with the self/authentication endpoint.
- This features allows self service users to authentication with the self/authentication endpoint.
-
Dashboard UI and API Integration PR link
-
After successful login of a self service user,the user is directed to a dashboard screen where he can see the summary of his balance, total loan, summary of accounts with pie chart.
-
Good to Have: A Graph of transaction summary
-
-
Accounts Component UI and API Integration PR link(common)
- Accounts component consists of three tabs with list of savings, loan and shares accounts.
- The Accounts list has pagination and filter functionality
-
Recent transactions Component UI and API Integration PR link(common)
- This functionality allows users to view a list of their recent transactions. This table also has filter and pagination functionality.
- This functionality allows users to view a list of their recent transactions. This table also has filter and pagination functionality.
-
Charges component UI and API Integration PR link(common)
- This page shows a list of charges incurred to the client. The charges reflected may be automated and also manually created by the staff from the staff facing app.
- This page shows a list of charges incurred to the client. The charges reflected may be automated and also manually created by the staff from the staff facing app.
-
Transfers component UI PR link(common)
- This component allows users to transfer money among their own accounts.
- Work left: The App still lacks a complete API wiring for the transfers component and will hopefully utilize Open Banking APIs ( which wasn't much clearly available).
- This component allows users to transfer money among their own accounts.
-
Third Party Transfer component UI PR link(common)
-
This component allows users to transfer money from their own accounts to their registered benificiaries.
-
Work left: Utilize Open Banking APIs to complete the flow.
-
-
Benificiaries component UI PR link(common)
- This component has similar UI to charges/recent transactions component i.e. a list of benificiaries alongwith pagination and filter.
Other Works
- Setup CI(Continuous Integration) alongwith CD(continuous Delivery) for deploying the App to gh-pages https://openmf.github.io/online-banking
The community taught me a lot and my project helped me to boost my confidence because this was the first time where I had to start a project from scratch that too in a framework with no prior experience. A million thanks to Edward Cable for the golden oppurtunity and Ankit Ojha for his supportive guidance and the communty members for extending their help whenever I needed.
I am really looking forward to continue with Mifos Initiative and particularly bring up the online banking app to a release version (that's something I want for my self satisfaction).. Looking forward to contribute and collaborate.