Skip to content
Resume Builder project screenshot
Project

Resume Builder

Drag-and-drop resume builder with a normalised data schema, pluggable templates, and PDF export running through the same render layer as the preview.

React
Firebase
MongoDB
Tailwind
Live preview

01 // Overview

Resume Builder App

Create professional resumes with drag & drop.

Drag & Drop

Easy resume section ordering and customization.

PDF Export

Download ready-to-use resume files.

Firebase Auth

Secure user authentication and data.

Engineering

The Decisions Behind It.

What made this hard?

In a drag-and-drop editor it is easy to couple the user's data structure to the visual output, and then adding one template turns into a rewrite.

How was the system structured?

Resume data and template rendering are fully separate: the data lives in a normalized schema and templates interpret it. That is what lets a user switch templates in one click without retyping content. PDF export goes through the same render layer as the on-screen preview, so the output matches what was previewed.

What does the codebase look like now?

Responsibility between Firebase auth and MongoDB storage is explicit: identity belongs to Firebase, document data to MongoDB. Adding a template is a documented process bounded by implementing one defined interface.

All engineering case studies