Dashboard
Form

🚀 ResumeForge

✨ Inspiration

Creating a great resume and portfolio is essential — but most tools are either bloated, template-locked, or require two separate workflows. We built ResumeForge to simplify this process with a form-first, all-in-one builder that generates both a professional resume and a portfolio website from a single, unified input.

💡 What it does

ResumeForge helps users:

Fill in personal, academic, and professional details through a guided form.
Build both a resume and a portfolio site simultaneously.
Customize section order and visibility independently for each output.
Preview everything in real-time as they edit.
Export the resume as a PDF, the portfolio as HTML, or open it live in a new tab.
Persist user data using Supabase for cloud storage and authentication.

🛠 How we built it

React for the front-end interface and interactive form flow.
TailwindCSS for clean, responsive, and customizable UI.
Supabase for:
- User authentication
- Storing user-generated resumes and portfolios
- Real-time syncing and retrieval
html2pdf.js to generate downloadable resume PDFs.
JSX-based templates to dynamically generate exportable portfolio HTML.

We maintained a unified state across the app to sync data between both the resume and portfolio in real time.

🚧 Challenges we ran into

Keeping the resume and portfolio generation in sync while allowing customization for each.
Ensuring real-time preview remains performant as complexity grows.
Integrating Supabase authentication and storage smoothly into the form workflow.

🏆 Accomplishments that we're proud of

Delivered a polished, step-by-step builder for both resume and portfolio creation.
Live previews for both outputs with real-time feedback.
Full export support — PDF for resumes, downloadable HTML for portfolios.
Cloud-based data persistence with Supabase, enabling users to save, edit, and return anytime.

📚 What we learned

A well-structured state system is key to powering dual-format builders.
Preview-driven development helps uncover UI/UX issues early.
Supabase provides a clean, scalable way to manage both auth and data without heavy backend work.
Exporting formatted HTML and PDF from client-side inputs requires precise style handling.