Case 03 of 03

RESUME BUILDER

Type once. See it live. Export a clean PDF.

built for SWC, IIT Guwahati

BUILT FOR SWCSWC · 2026

Form enginerendered from schemaName RoleFrontend EngineerExperience+ Add entryProjects+ Add entrySkillsReact · TypeScript · CSS

Frontend EngineerExperienceProjectsSkills

PDF

Role

Frontend developer

When

2026

Built with

React · JavaScript · jsPDF · CSS3

Result

Live on swc.iitg.ac.in

The problem

“Most resume tools lock you into rigid templates — and then mangle the formatting the moment you export.”

and ATS parsers are even less forgiving

How it worksDescribe the formas data.1SchemaOne per section2Form engineRenders any schema3Shared stateSingle source of truth4Live previewSubscribes to state5Render guardNo wasted re-renders6jsPDFPrint-ready exportadd a new section type by adding a schema — no new form code

The hard parts

Live sync

Keep the preview in perfect sync with deeply nested forms — without re-rendering everything.

Extensible schema

Support 10+ section types while staying simple to extend.

ATS-proof PDFs

Consistent, print-ready output that survives ATS parsing.

What came out of it

10+

section types from one generic form engine

ATS

friendly, print-ready PDF exports

Live

preview that keeps up as you type

Life of a resume

Resume · ticket01

Typed

Form engine

Fields render straight from the section schema.

DRAFT

Resume · ticket02

Previewed

Shared state

The preview subscribes to the same state, instantly.

IN SYNC

Resume · ticket03

Exported

jsPDF

One click turns it into a clean, ATS-friendly PDF.

PDF ✓

from blank form to PDF in one sitting

Try it live View the code

Next upVELORAFleet routing that doesn’t make you wait — Next.js, FastAPI, Celery.

Back to work