EPF (KWSP) API web app

In my previous two articles, I demonstrated what you can do in the KWSP sandbox environment. In this story I am going to show a sample React web app which calls the KWSP API via application (client credential) and access code flow.

The application flow is quick and simple.

Key in your MyKAD ID and press the button. You will be presented with the following screen with the monthly contributions:

The steps for access code flow is a little different. You need to do an authorization before you can retrieve the montly statement, like:

Here the MyKAD ID input field and the Access Code Flow button are disabled. You need to press the Authorize button to do the KWSP authorization steps:

Key in your NRIC No (MyKAD ID) and click LOGIN button.