ResuPals

Overview

ResuPals is a privacy-first resume and cover letter builder designed with a unique personality—three friendly mascot characters guide users through the process: Resu (resume building), Cova (cover letters), and Polly (polish and export).

The entire application runs client-side, storing data in localStorage. No accounts, no servers storing your data, no tracking. Your resume stays with you.

Features

Resume Building with Resu

Dual Editor Modes - Use the structured form editor or click directly on the preview for WYSIWYG editing
Drag & Drop - Reorder work experience, education, and skills sections by dragging
Rich Text Editing - Bold, italic, and bullet lists for job descriptions
3 Professional Templates - Classic, Modern, and Minimal designs
Real-time Preview - See changes instantly as you type
Auto-save - Your work is automatically saved to browser storage

Cover Letter Writing with Cova

Guided Sections - Step-by-step cover letter creation
Professional Templates - Clean, ATS-friendly layouts
Live Preview - See your letter take shape in real-time

Polish & Export with Polly

ATS Score Checker - Get feedback on ATS compatibility
Multiple Export Formats - Download as DOCX (recommended) or PDF
JSON Backup - Export/import your data for later editing

Technical Highlights

ATS Compliance

All templates follow ATS (Applicant Tracking System) best practices:

Single-column layouts without tables or multi-column CSS
Standard section headers that ATS systems recognize
ATS-compatible fonts (Arial, Calibri, Times New Roman, etc.)
No text boxes, graphics, or images in content
Contact information in the main body (not header/footer)
Consistent date formatting

Privacy-First Architecture

graph LR
    subgraph browser [Browser]
        App[ResuPals App]
        Storage[localStorage]
        Export[Export Engine]
    end
    
    App --> Storage
    App --> Export
    Export --> User[User Downloads]
    
    style browser fill:#1a1a2e,stroke:#32746D

All data operations happen in the browser:

No Server Storage - Resume data never leaves the browser
No Authentication - Start using immediately without sign-up
No Tracking - No analytics, no cookies, no behavior tracking
Full Data Portability - Export to JSON anytime for backup or transfer

Rich Text Editing

TipTap provides a powerful editing experience:

Structured form-based editing for methodical users
Click-to-edit WYSIWYG mode for visual editors
Floating toolbar for quick formatting
Undo/redo history

Drag & Drop Reordering

dnd-kit enables intuitive section management:

Drag work experiences to prioritize relevant roles
Reorder education entries
Organize skills by importance

Templates

Template	Style	Best For
Classic	Traditional serif fonts, formal structure	Finance, Law, Academia
Modern	Clean sans-serif, contemporary spacing	Tech, Marketing, Startups
Minimal	Dense layout, maximum content	Any industry, experienced professionals

Mascot Design Philosophy

The three mascots aren't just decoration—they create a friendly, approachable experience for a task that's often stressful:

Resu (coral document with pencil) - Guides resume building with encouraging messages
Cova (purple envelope with heart seal) - Helps craft compelling cover letters
Polly (teal star with magic wand) - Assists with polishing and final review

Each mascot has mood states (happy, focused, encouraging, excited, thinking) that respond to user progress, making the builder feel more personal and less like a cold form.

What I Learned

Building ResuPals reinforced several principles:

Privacy can be a feature - Not collecting data simplifies architecture and builds user trust
Client-side can be powerful - Modern browsers handle complex document generation
Personality improves UX - Mascots transform a utility into an experience
ATS rules matter - Beautiful resumes mean nothing if they can't be parsed

What's Next

Future enhancements planned:

AI-powered writing suggestions (running locally with WebLLM)
Additional template designs
Interview preparation features with Cova
Mobile-responsive builder interface