Project
Archive.

A collection of projects where I contributed to quality, front-end, and user experience.

PomoPulp

Lead Full-stack Architect & QA Engineer | 2026

Case Study arrow_outwardLive Demo open_in_newSource Code code
Tech:

Next.js 15, Bun, ElysiaJS, TiDB, Playwright

Problem:

Most productivity tools suffer from high friction and fragmented experiences, lack immersive atmospheres, and fail to provide deep analytical insights.

My Role:
  • Architected a high-performance mono-architecture using ElysiaJS and Bun to achieve <30ms server responses.
  • Engineered a 'Guest-to-Member' flow with atomic data migration using Drizzle ORM.
  • Built a multi-layer audio mixer and integrated Spotify/YouTube for an immersive workstation experience.
  • Developed a comprehensive E2E automation framework using Playwright to audit data integrity and timer logic.
Result:
  • Successfully eliminated network latency between frontend and backend via mono-architecture.
  • Achieved 100% pass rate in automated regression suites before production deployment.
  • Enabled seamless synchronization of guest progress to cloud accounts with zero data loss.

Portfolio Playwright E2E Automation

QA Automation Engineer | 2026

Case Study arrow_outwardLive Demo open_in_newSource Code code
Tech:

Playwright, TypeScript, POM, GitHub Actions

Problem:

Personal portfolios require 100% uptime and visual consistency across varying devices, yet manual checks easily miss subtle CSS layout breakages across breakpoints.

My Role:
  • Architected a robust Playwright automation framework specifically utilizing the Page Object Model (POM).
  • Mapped core layouts and visual targets for strict responsive visual regression testing.
  • Integrated testing workflows directly into the deployment pipeline.
Result:
  • Secured 100% logic coverage on critical anchor navigation and CTA downloads.
  • Ensured pixel-perfect visual validation across Mobile, Tablet, and Desktop breakpoints.

Freshtoria Dashboard

QA Automation Contributor | 2026

Case Study arrow_outwardLive Demo open_in_newSource Code code
Tech:

Playwright, JavaScript, GitHub Actions

Problem:

The development team does not yet have automated testing for the financial accounting and inventory features. Changes to these features often cause regressions that aren’t detected until after deployment.

My Role:
  • Build an end-to-end test suite using Playwright for critical workflows: login, add inventory, edit financial data, and delete data.
  • Write test scenarios that include input validation and verification of results.
  • Integrate the tests into GitHub Actions so they run automatically whenever a pull request is created.
Result:
  • The team receives early notification if there is a regression.
  • The time spent on manual regression testing has been reduced, giving the team greater confidence in new releases.

RoomCraft

Front-end Developer & QA Manual Tester | 2025

Case Study arrow_outwardLive Demo open_in_newSource Code code
Tech:

React, Tailwind CSS, Redux, React Three Fiber, Firebase

Problem:

I want to build an interactive and responsive 3D app for interior design, while also learning how to implement testing in modern applications.

My Role:
  • Developing UI components with React and Tailwind CSS, as well as 3D integration using React Three.js.
  • Writing simple tests with React Testing Library to ensure key components (furniture selection, position changes) function correctly.
  • Conducting manual visual testing to ensure consistent 3D rendering across various devices.
Result:
  • The application runs stably in the development environment.
  • I gained experience building a full-stack project with a focus on user-facing quality.
  • This project serves as a portfolio piece demonstrating my interest in testing interactive applications.

Arjuna (CIMB Niaga)

Front-end Contributor | 2024

Live Demo open_in_new
Tech:

React, TypeScript, Redux Toolkit, Tailwind CSS

Problem:

Arjuna is an internal portal for employees (HR, leave requests, payroll). When I joined, the team was overhauling the user interface of several modules to make them more responsive and align with the latest design standards.

My Role:
  • Developing front-end components for the leave request and payroll information modules based on provided designs.
  • Ensuring components can handle complex state (remaining leave, claim history) and integrate with the backend services.
  • Collaborated with the QA, Backend, and UI/UX teams and assisted with manual testing verification prior to release.
Result:
  • Modules for leave, payslips, training, facility bookings, employee performance, and more can be used by thousands of employees with a more consistent interface.
  • I learned to work in a large team with strict coding standards and review processes.
The Next Foundation

Ready to build something indestructible?