Projects & Career

Key Contributions:

• •Built all 10 master-data CRUD modules (areas, centers, clients, materials, operators, patterns, stores, users, roles, deliveries) on Next.js 16 App Router using the team's shared Atomic Design + shadcn/ui component library.
• •Authored Zod schemas and React Hook Form forms for each master entity, plus shared filter, sort, pagination, and URL-query-state patterns across list screens.
• •Contributed UI components and fixes to the Plan import module (Excel preview with center x material matrix) owned by senior teammates.
• •Used Claude as an AI pair-programming agent for Figma to React component generation, code review and refactor suggestions, and cross-checking implementations against BA's Basic Design documents.

Technical:

Key Contributions:

• •Rebuilt 2 legacy jQuery/Handsontable tools (7,800+ LOC) on Angular 17 standalone and Signals; reached parity in sprint 1, then shipped new features per Jira backlog.
• •Built a typed HttpClient and AuthInterceptor with OAuth/OIDC and 401-retry refresh-token flow, removing the legacy redirect-to-login UX cliff on token expiry.
• •Centralized 40+ Reactive-Form validators (JAN, quantity, delivery date, lot/case) in a shared lib; retained Handsontable to preserve back-office keyboard workflow.
• •Integrated 14+ REST endpoints plus SheetJS-based Excel/CSV import-export with unified error mapping.

Technical:

Key Contributions:

• •Shipped 15 admin + 6 user screens (~ 43 REST endpoints) for a new Proficiency Test module on an existing Next.js educational platform.
• •Built the exam-taking flow with timer, save-and-resume, and a polling guard that detects admin-edited-mid-exam via HTTP 409 and safely kicks the user instead of submitting stale answers.
• •Implemented Excel bulk-question upload with preview-before-commit and multi-mode question forms (single / multi sub-question with up to 10 choices), backed by AntD validators with cross-field re-validation.
• •Designed the result, history and explanation screens with per-category pass/fail breakdown driven by require_correct_amount, and handled the 35-case user x test active-period matrix gating the start screen per the basic design document.

Technical:

Key Contributions:

• •Implemented SMS and Email campaign management screens (list, create/edit form, recipient selection) based on Figma designs.
• •Integrated REST APIs via Angular HttpClient and RxJS to display campaign status, delivery progress, and message history in tables and detail views.
• •Built Reactive Forms validation, filter, search and pagination for campaign and recipient lists using ng-zorro-antd components.

Technical:

Key Contributions:

• •Developed the SIM product management screens (list, activate/suspend, bulk CSV upload) for telecom subscriptions linked to IoT vehicle tracking devices.
• •Built vehicle operation flows including ownership transfer, remote engine lock/unlock, and async operation status tracking with WebSocket-driven UI updates.
• •Built reusable data-table, form, and validation layers (filter, sort, paginate) for complex fleet management screens.

Technical:

Key Contributions:

• •Maintained legacy backend modules, fixed production issues, and updated business logic for insurance claim validation based on customer change requests.
• •Developed and customized interactive data visualizations using Chart.js, tailoring charts and metrics to meet specific stakeholder requirements.
• •Collaborated with the QA team to implement new business rules for fraud detection and automated performance reporting in PDF/Excel formats.

Technical: