Soomin Hwang
SYS.AUDITS // EN-USROOT > WORKFILTER: VISUALIZATION
TOTAL_AUDITS:5
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.

5 case studies

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
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
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
Show all case studies
DIRECT ENGINEERING CONTACT

Ready to discuss platform engineering challenges?

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