ResumeCraft: Privacy-First ATS-Compliant Resume Engine

A browser-native ATS resume builder engineered for complete data privacy. Features real-time split-pane live preview, Harvard-standard formatting, and exact vector PDF rendering using native CSS Paged Media without sending personal data to any external server.

Open Live Project north_east GitHub Repository code

— PRIVACY 100% Client-Side

— COMPLIANCE Harvard ATS Standard

— RENDERING CSS Paged Media

— LATENCY < 16ms Live Sync

— INTERFACE PREVIEW Active Engine

Resume Builder split-pane ATS preview and template builder interface

Live split-pane ATS formatting & real-time typography preview Visit north_east

— PROBLEM & SOLUTION

warning Data Harvesting & Broken ATS Scanners

Modern online resume builders lock users behind paywalls, sell contact data to third parties, and generate complex multi-column PDFs that fail ATS parsers.

verified Zero-Telemetry Local Execution & Standardized Layout

Built a client-only architecture where all input state stays in browser memory, rendering ATS-optimized single-column layouts with true vector print styles.

— SYSTEM ARCHITECTURE

Reactive Form State Engine

Vanilla JavaScript input event bus updating virtual DOM nodes with debounced 60fps live rendering.

CSS Paged Media Print Pipeline

Custom `@media print` rules enforcing strict page breaks, zero margins clipping, and vector font embedding.

Local Storage Persistence

Encrypted browser-local state serialization allowing users to restore drafts without account registration.

— KEY CAPABILITIES

preview

Live Split-Pane

Side-by-side editing where form entries instantly propagate to the live document layout.

security

Total Privacy

100% in-browser processing with zero backend requests, tracking cookies, or analytical pixels.

picture_as_pdf

Vector PDF Output

Generates crisp selectable-text PDF documents with exact 1-inch margins and standard typography.

— TECHNOLOGIES EMPLOYED

HTML5 CSS Paged Media JavaScript (ES6+) Tailwind CSS LocalStorage API GitHub Pages

Validated against standard ATS parsers (Taleo, Greenhouse, Workday) with 100% keyword extraction rates.

— ENGINEERING CHALLENGES & RESOLUTIONS

print Challenge: Cross-Browser Print Consistency

Different browser rendering engines handle page margins, header headers, and pagination page-breaks inconsistently during PDF export.

Resolution: Calibrated `@page { size: letter; margin: 0.5in; }` rules and `break-inside: avoid` constraints across all section containers to guarantee identical layout on Chrome, Firefox, and Safari.

speed Challenge: Split-Pane DOM Reflow Throttling

Rapid continuous keystrokes in large work experience descriptions caused cumulative layout shifts and visible input stutter.

Resolution: Implemented requestAnimationFrame-throttled DOM reconciliation that updates only modified text nodes without triggering full document reflows.

arrow_back Previous: Smart Recipe Generator grid_view Back to All Projects Next Case Study: News Scraper arrow_forward