Free Online Resume & CV Builder with PDF Export

Project Specification: Browser-Based Resume & CV Generator

Overview

A 100% client-side, privacy-focused resume builder that allows users to create, preview, and export a professional, clean-formatted PDF without ever uploading data to a server.

Core Features

• Real-Time Preview: A live-rendering engine updates the visual representation of the resume as the user types.
• Section Management: Ability to add, remove, and reorder sections (Summary, Experience, Education, Skills, Projects, Certifications).
• PDF Export Engine: Integration with jspdf via CDN to generate high-resolution, pixel-perfect PDF documents directly on the user's machine.
• Data Persistence: Uses localStorage to automatically save progress so users do not lose their information on page refresh.
• Field Customization: Ability to add custom fields within sections for flexible data input.

UI & Layout

• Responsive Split-Pane Interface: The left side of the screen contains the 'Input Editor' (forms, inputs, section controls), and the right side acts as the 'Live Preview' area.
• Responsive Design: On mobile devices, the interface switches to a tabbed view or a vertically stacked view to maximize screen real estate.
• Typography: Clean, professional system sans-serif fonts (e.g., Arial, Helvetica, or system default) for high readability.
• Interaction Design: Smooth transition animations when adding/removing sections. Input fields should have subtle hover states and focus rings for accessibility.

Design Language (Strictly Light Mode)

• Palette:
  • Background: #FFFFFF (Pure White)
  • Containers: #F8F9FA (Very Light Grey)
  • Primary Accent: #0D6EFD (Professional Blue for buttons)
  • Text: #212529 (Dark Grey for high contrast)
  • Borders: #E0E0E0 (Subtle dividers)
• Aesthetic: Minimalist, airy, and professional. Avoid clutter. High-contrast labels and clear visual hierarchy.

Technical Constraints

• Single-File: Must be strictly one HTML file. All CSS must be in a <style> block and all logic in a <script> block.
• No External Servers: No backend, no API calls, no database tracking. All PDF generation happens in the browser context.
• Environment: Must work perfectly inside a sandboxed iframe without breaking navigation or layout.
• Exclusions: Explicitly NO footer, NO dark mode toggle, and NO external tracking scripts.