Introduction
AESM (Agency System Maintenance) is the portal for admin to grant authorization access to the users for clients’ applications. No live site available since this portal can only be accessed by admins.
This was my first project being assigned to during my tenure working in Software International. Worked in a team consisting for backend, frontend engineers + project manager.
For better image viewing experience, please use Ctrl + Scroll wheel to zoom in/out.
Images are mock-ups for showcasing purposes only.
The site was initially made in Angular frontend + Springboot backend.
Transitioned from Angular to React due to technical and strategic considerations from the stakeholders, enhancing project alignment and performance. Client wanted to use a “micro-frontend” concept to deploy their frontend web apps.
Core features as below:
1. User Account Maintenance – to manage user authorization and inactivate / activate back the users
2. User Access Log – to view the access activities of a particular user
3. Batch Upload – to upload agent’s secretary information
4. Report – user report such as how many agents have access certain internal apps for a particular month and year
5. Batch Job – to generate initial credential for new agent
Project Scope:
- Re-platform existing AESM from Classic ASP to microservice architecture using cloud technologies
- The business requirement and business process shall remain as per existing application (ASP classic) and new business requirement shall be out of scope
Tech features:
- Database integration with Single Sign On (OKTA)
- Angular frontend
- React frontend
- SpringBoot backend
- Kafka listener to handle emails
More pictures:
Skills learned:
- Learned to develop enterprise level software in Angular and React for the first time in my career.
- Learned to read old classic ASP code to translate to new modern programming language.
- Learned to read Stored Procedures code to translate to SpringBoot
- Learned to use Kafka listener to send out emails
- Learned to use .csv for admin batch uploads
- Further knowledge gained on how to separate authorisation levels for different users