How utsho261/cv-builder works
CV Studio is a browser-based resume builder: job seekers edit or preset CV content, review live ATS feedback and a template preview, then export a PDF or JSON backup. The main workflow and much of the UI live in the large src/App.tsx module; src/templates.tsx renders layouts, while src/atsAnalyzer.ts scores content. The README documents template filtering, zoom, mobile preview, and import/export; the excerpts do not expose all their event wiring, so those links are shown only where supported. All data processing is local; no remote CV service is documented.
Main entry points: App.tsx Studio UI · main.tsx React Entry · presets.ts Sample Presets · templates.tsx Template Renderer
Components 15
Builder Workspace
- React Entry
src/main.tsx - Studio UI
src/App.tsx
CV Content
- CV Data Model
src/types.ts - CV Editing
src/App.tsx - Sample Presets
src/presets.ts - Profile Data
src/sampleData.ts
Review and Layout
- ATS Analyzer
src/atsAnalyzer.ts - Template Selection
src/App.tsx - Template Renderer
src/templates.tsx - Resume Preview
src/App.tsx
Export and State
- Local Draft Storage
- JSON Backup
src/App.tsx - PDF Export
src/App.tsx - Browser PDF Engine
Other components
- Job Seeker
Connections 17
- Job Seeker → React Entry: opens app
- React Entry → Studio UI: renders
- Job Seeker → CV Editing: edits CV
- Studio UI → CV Editing: hosts
- CV Editing → CV Data Model: uses data shape
- Studio UI → Sample Presets: loads presets
- Sample Presets → Profile Data: uses profiles
- Studio UI → ATS Analyzer: analyzes CV
- Studio UI → Template Selection: selects layout
- Studio UI → Template Renderer: renders data
- Template Renderer → Resume Preview: produces preview
- Studio UI → Local Draft Storage: reads and writes
- Job Seeker → JSON Backup: imports or exports
- Studio UI → JSON Backup: handles backup
- Job Seeker → PDF Export: requests download
- Studio UI → PDF Export: captures resume
- PDF Export → Browser PDF Engine: creates PDF