Soomin Hwang
SYS.AUDITS // EN-USROOT > WORKFILTER: ALL_PROJECTS
TOTAL_AUDITS:10
ENGINEERING DOSSIER

Engineered for Scale, Latency & Reliability

Production engineering case studies: frontend performance, WebGL/WASM visualization, and delivery pipelines — each documented with evidence you can reproduce.

Arontier Inc.

Biotech / AI drug discovery

[ENV: ARONTIER] · 4 AUDITS
Biotech / AI drug discovery
AUDIT #01

AD3 Protein Structure Platform: 3D Visualization and an 80% Bundle Cut

Route-scoped loading for Molstar/RDKit and runtime rendering fixes that cut a scientific React platform's main bundle from 32MB to 6.5MB and moved two heavyweight visualization libraries to on-demand loading.

Main bundle
32MB6.5MB−80%
Lighthouse Performance
2978+49
ReactTypeScriptViteMolstarRDKit.jsPlotlyMUI
Read case study →SYS.STATUS: VERIFIED
Medical AI / Digital pathology
AUDIT #03

PATH Digital Pathology Platform: WSI Viewer and Pre-Delivery Security Checks

Building the viewer/interaction UI for a whole-slide-image (WSI) pathology platform on OpenSeadragon, and establishing an OWASP ZAP scan of the authentication flow before an on-premise hospital delivery.

Delivery
Internal staging onlyOn-premise hospital deploymentshipped
Pre-delivery security check
No procedureOWASP ZAP scan of the auth flowprocedure established
ReactTypeScriptJotaiReact Hook FormTanStack QueryOpenSeadragonOWASP ZAP
Read case study →SYS.STATUS: VERIFIED
Biotech / Antibody-drug conjugates (ADC)
AUDIT #04

ADC Visualization: 3D/2D Molecular Viewers on Next.js 16

Building 3D protein-structure and 2D chemical-structure viewers (Molstar + RDKit) for an antibody-drug-conjugate (ADC) data platform, and introducing a Claude Code-based workflow for generating Playwright E2E tests.

E2E test authoring
Hand-written specsClaude Code-assisted generationworkflow adopted
E2E standard
Cypress, set per productPlaywright conventions reused for AD3's 28-app migrationstandard set
ReactTypeScriptNext.js 16MolstarRDKitTailwind CSSPlaywrightClaude Code
Read case study →SYS.STATUS: VERIFIED
Platform engineering / DevSecOps
AUDIT #05

One Pipeline, Three Products: Standardizing CI/CD and Test Reporting

Moving the Jenkins pipeline definitions for three codebases into one central repository, converging their stage structure, and migrating E2E from Cypress to Playwright so 350 tests run automatically in CI.

Manual regression
~5 hours~1 hour−80%
E2E pipeline definition
314 lines (Cypress)151 lines (Playwright)−52%
JenkinsGroovy (Declarative Pipeline)DockerPlaywrightSnykSonarQubeOWASP ZAP
Read case study →SYS.STATUS: VERIFIED

Illuminarean LLC

HR tech / Recruiting platform

[ENV: ILLUMINAREAN] · 2 AUDITS
HR tech / Recruiting platform
AUDIT #06

Frontend Dockerization and CI/CD Optimization

Moving a Next.js 14 app to a standalone build with a pnpm migration, cutting the Docker image from 1.3GB to 500MB and deploy time from 15 minutes to under 3.

Docker image size
1.3GB500MB−62%
Deploy time
~15 min< 3 min−80%
Next.js 14TypeScriptDockerJenkinspnpmGitHub Actionsnext-translate
Read case study →SYS.STATUS: VERIFIED
HR tech / Recruiting platform
AUDIT #07

Job Posting & Applicant Management Platform

A Next.js 14 recruiting service and admin panel, built frontend-first against an MSW mock API before the backend was ready, with next-translate powering multilingual SSG pages.

Frontend start date
Blocked on backend APIStarted against MSW mocksparallelized
Schedule risk
Sequential handoffFrontend/backend in parallelreduced
Next.js 14React QueryReact Hook FormMSWDockernext-translateTailwind CSSEmotion
Read case study →SYS.STATUS: VERIFIED

Yura Corp.

Manufacturing / Smart factory

[ENV: YURA] · 1 AUDITS
Manufacturing / Smart factory
AUDIT #08

Smart Factory Monitoring for a Serbian Production Plant

A chart-based monitoring dashboard (ApexCharts, Plotly) for AOI process yield at an overseas production plant, built from Figma design through the React frontend, with an existing Spring Boot API adapted to feed it — process visibility that helped cut the AOI defect rate by roughly 20%.

AOI defect rate
manual aggregation~20% lower−20%
Process visibility
manual reviewdashboard monitoringconstant monitoring
React.jsMUIApexChartsPlotlyJava Spring BootMyBatisMariaDBFigma
Read case study →SYS.STATUS: VERIFIED

commON srl

Fashion / Media startup

[ENV: COMMON_SRL] · 1 AUDITS
Fashion / Media startup
AUDIT #09

Official Website & Magazine Display/Purchase Platform

Rebuilding a Milan startup's static HTML site on Vue.js/Vuetify, and moving the domain and hosting out of a contractor's personal accounts into the company's own.

Codebase
Static HTMLVue.js / Vuetifyrebuilt
Domain & hosting
In a contractor's accountsMoved to company accountsownership recovered
Vue.jsVuetify
Read case study →SYS.STATUS: VERIFIED

Personal Case Studies

DevOps / Cloud infrastructure

[ENV: PERSONAL] · 2 AUDITS
DevOps / Cloud infrastructure
AUDIT #02

From Commit to Production: Jenkins + K3s + ArgoCD GitOps Pipeline

A fully automated CI/CD pipeline that takes code from GitHub, builds and pushes Docker images via Jenkins, and deploys to a K3s cluster using ArgoCD with GitOps principles.

Deployment time
Manual SSH< 5 min autofully automated
Infrastructure
Single VPSK3s clusterhigh availability
JenkinsDockerGitHub Container RegistryK3sArgoCDGitOpsNginxTailscale
Read case study →SYS.STATUS: VERIFIED
Personal portfolio / 3D web
AUDIT #10

Building an Immersive 3D Portfolio: Next.js 14 + React Three Fiber

A bilingual 3D portfolio site with interactive WebGL scenes (keyboard, motorcycle), Panda CSS styling, and a full CI/CD pipeline from Jenkins to K3s.

Browser 3D
Static portfolio pageInteractive R3F scenes, liveself-built WebGL
Pipeline deployment
ManualJenkins → GHCR → K3sfully automated
Next.js 14React Three FiberThree.jsPanda CSSi18nextFramer MotionDockerJenkins
Read case study →SYS.STATUS: VERIFIED
DIRECT ENGINEERING CONTACT

Ready to discuss platform engineering challenges?

Available for technical leadership, frontend performance remediation, and WebGL scientific visualization work.