RESUME-BUILDER

Inspiration

Traditional resume tools often compromise privacy and flexibility. I wanted to build a modern, privacy-preserving resume builder with a great UI, offline access, and future AI assistance.

What it does

Lets users create and preview professional resumes

Offers real-time PDF export

Supports light/dark mode and template switching

Stores data locally (no cloud dependency)

Optional job match panel & theme customization

How we built it

Next.js (App Router)

Tailwind CSS + ShadCN UI for responsive UI

TypeScript for safe data modeling

html2pdf.js for PDF export

React + useRef for DOM-based capture

LocalStorage + Auth for persistence

Challenges we ran into

Handling browser-only code in SSR (self is not defined)

TypeScript conflicts with nested resume objects

Getting PDF download to work reliably

Fixing hydration errors during deployment

Accomplishments that we're proud of

Built a working resume builder with export

Clean, responsive design with dark mode

No backend required – privacy-first

Git + Vercel + Google Drive integration for deployment and demo

What we learned

SSR-safe client-side code practices in Next.js

Deep usage of Tailwind, ShadCN, and TypeScript

Real-world debugging of Git/Vercel/Build issues

PDF generation from React components

What's next for RESUME-BUILDER

Add GPT-based smart suggestions

Export to .docx & LinkedIn-ready formats

Resume scoring & job description matching

Drag-and-drop reordering of sections

Secure cloud save + sync options

Built With

• css
• next.js
• react
• shadcn
• tailwind
• typescript