- Role
- Frontend Angular Developer
- Year
- 2024
- Company
- ITGalax Solutions Pvt Ltd
- Platform
- Public Web
- Status
- Delivered
Overview
Citizen-facing immigration portal for visa and permit applications, document submission, appointments, payments and application status tracking.
The challenge
Applicants needed a way to submit and track immigration applications remotely without depending on physical office visits or assistance from a training desk.
The experience had to remain understandable for first-time applicants while continuing to work reliably across different devices and slower network conditions.
The solution
A public-facing Angular portal designed around guided application flows, document uploads, appointment scheduling, payments and application tracking.
Angular and RxJS form the frontend foundation, with Tailwind CSS providing the responsive UI system and .NET APIs supporting API communication and application workflows.
My contribution
- Frontend implementation of the guided application flows
- Document upload and validation interfaces
- Appointment scheduling and payment integration on the client side
- Responsive behaviour across phone, tablet and desktop
- Application status tracking views
Key features
Online immigration applications
Guided application forms
Document uploads
Appointment scheduling
Payment integration
Application tracking
Responsive citizen experience
Engineering decisions
- Problem
- A first-time applicant abandoning a long immigration form loses everything typed so far, and the form cannot be shortened — the questions are statutory.
- Decision
- Split the submission into a guided multi-step journey with per-step validation, so each step is short, correctable and complete before the next one opens.
- Why
- The length was not negotiable, but the cost of an error was. Validating at each step keeps a mistake local instead of surfacing it at the end.
- Trade-off
- More screens to build and test than one long form, and the step state has to survive navigation.
Stack
| Frontend | Angular |
|---|---|
| State | RxJS |
| Styling | Tailwind CSS |
| API | .NET |
Results
- Citizen-facing workflows
- 7
- Applications, guided forms, uploads, appointments, payments, tracking and responsive delivery.
- Application journey
- Multi-step
- One guided flow carries an applicant from submission through documents, appointment and payment.
- Delivery target
- Public web
- Built to stay usable for first-time applicants on mixed devices and slower networks.
- Reduced dependency on in-person application assistance.
- Created a self-service digital journey for immigration applicants.
- Unified application, document and tracking experiences into one citizen-facing portal.
Where to go next
- enterprise Angular development — the service this project is evidence for.
- Frontend architecture — Component architecture and data flow for public-facing platforms.
- Forms that carry consequences — The validation and error-recovery thinking behind the guided flow.
Related case studies
Delivered
Fiji Immigration Internal Management System
The system immigration officers run a country borders on.
next up →PRIMS Member Portal