Ported the legacy Cordova-based application to Capacitor and Ionic.

A project that produces chess educational videos using frontend technologies.

• –Code-based video production: Video scenes are defined as React components and rendered frame-by-frame by Remotion.

Building an interactive chess learning platform for chess learners tired of passive, traditional learning methods.

A real-time interactive drawing engine prototype built to gain a fundamental understanding of digital drawing. It allows multiple users to draw simultaneously on a single canvas, optimized for smooth performance even as stroke count grows.

• –O(1) Rendering Performance: Introduced PixiJS RenderTexture to prevent main thread blocking caused by accumulating Bézier curve computations, eliminating frame drops as stroke count increases.
• –SSOT Architecture & State Sync: The server acts as the single source of truth for all stroke vector data. Snapshots every 50 strokes let late-joining users instantly reconstruct the full canvas state.
• –Optimistic UI: Client strokes are rendered locally immediately without waiting for server responses, maximizing user experience. However, an interview question helped me realize that concurrent drawing by multiple clients could cause race conditions, leading to inconsistent stroke order and mismatched canvas states across clients. To resolve this, I plan to update the architecture so the server broadcasts a confirmed stroke buffer at each snapshot interval, automatically reconciling stroke order across all connected clients.