Mark Liberato

Full-Stack Engineer

Web interfaces. Systems thinking.

Selected work

Experiments

3D project ring

Screenshots of real projects placed on a ring in three-dimensional space, rendered with WebGL.

Drag to rotate the ring. Click a panel to see which project it is.

  • WebGL scene built with three.js and React Three Fiber
  • Render on demand, so nothing runs at rest
  • Static image fallback without JavaScript

Search and state

A search and filter interface over this site's own work records, talking to a real read-only endpoint.

Search, filter and page through the results, then break it on purpose.

  • Debounced input and request cancellation
  • Stale-response protection
  • Loading, empty, error and retry states

Skills and about

I am a front-end focused engineer based in Taguig, Philippines, with more than four years building web applications in React, Next.js and TypeScript. I work with design, product and backend teams on interfaces, reusable components and performance.

My work spans public websites, admin portals, UI modernization and automated testing. I started in systems administration and IT operations, which is why I care as much about the pipeline and the tests as the interface, and would rather modernize something people already depend on than start over.

Career

  1. May 2023 — Present

    Samsung Research and Development Philippines

    Engineer

    Reusable components, performance work and unit tests across internal portals and public websites. Led a React to Next.js migration, the SOSHUB Angular 17 to 19 upgrade, and set up automated testing (85%+ coverage) with faster GitHub Actions CI/CD.

  2. Mar 2022 — Apr 2023

    Collabera Digital Philippines

    React.js Developer

    Essilor Eye Locator for Brazil and China with React and Google Maps. Moved analytics to GA4 with Google Tag Manager and modernized the toolchain with pnpm.

  3. Jul 2016 — Jan 2022

    University of Makati and Rimport Industries

    IT operations and system administration

    The foundation in systems, infrastructure and user support.

  4. 2016

    STI College, Global City

    BS Computer Engineering

    Where it started. Later added Responsive Web Design (FreeCodeCamp) and ReactJS (Cognixia).

Skills

01

Frontend

  • React
  • Next.js
  • TypeScript
  • JavaScript
  • HTML5
  • CSS3
  • Tailwind CSS
  • SCSS/BEM
  • Material UI
  • ShadCN
  • Angular

02

UI and data

  • Figma
  • Reusable components
  • Redux
  • Zustand
  • TanStack Query
  • REST APIs
  • GraphQL
  • Chart.js
  • ECharts

03

Testing and delivery

  • Jest
  • React Testing Library
  • Jasmine
  • Karma
  • GitHub Actions
  • CI/CD
  • pnpm
  • Vercel
  • AWS

Get in touch

Full-Stack Engineer · Taguig, Philippines

markdavidliberato@gmail.com