001. // Live App — 2026
MarkMe Workspace
A browser-first Markdown editing application featuring real-time side-by-side split rendering, local storage persistence, DOMPurify sanitization, and Cloudflare Pages deployment.
RoleLead Architect & Full Stack Developer
Timeline3 Months
CategoryLive App
Tech Stack
ReactNext.js 16DOMPurifyTailwind CSSCloudflare Pages
Case Study
All ProjectsThe Challenge
Building a zero-latency live preview editor capable of handling large Markdown documents without blocking main UI render loops or causing cursor positioning jumps.
The Solution & Architecture
Engineered a custom debounced AST parser pipeline with DOMPurify sanitization, synchronized double-scroll binding, and offline-first local storage auto-save state persistence.
Key Technical Accomplishments
- Real-time side-by-side Markdown & HTML split preview
- DOMPurify sanitization preventing XSS attacks
- Auto-save persistence across tab reloads & offline state
- Sub-50ms render latency on document updates