Capital Market Web Platform
An enterprise data management system used in the capital market sector. I joined the project during its crucial User Acceptance Testing (UAT) phase at Suitmedia to ensure a stable production release.
The Challenge
During the UAT phase, the existing platform faced numerous critical API integration issues and severe UI bugs that prevented smooth data flow and compromised the user experience for capital market stakeholders.
The Solution
Conducted intensive debugging and code refactoring using Nuxt.js. I tracked down and resolved data synchronization issues between the frontend and complex RESTful APIs, while simultaneously fixing layout breaks and responsive design flaws.
Key Features
Technology Stack
Nuxt.js
Vue Framework for the main application structure.
Vue.js
Core library for reactive interfaces.
REST API
Handling complex financial data transactions.
Development Process
Issue Triage
Categorizing and prioritizing UAT bug reports based on severity and impact on the release schedule.
API Debugging
Tracing failed requests, standardizing payloads, and fixing state mutation errors.
UI Refinement
Fixing layout shifts, broken components, and ensuring pixel-perfect alignment according to the original design.
Deployment Support
Collaborating with backend and QA teams to verify fixes before production release.
Engineering Challenges
Debugging Existing Codebase
Jumping into a large, pre-existing enterprise codebase during UAT required rapid comprehension of complex data flows and state management architectures.