Project info

URL: https://resume-builder-pro-phi.vercel.app/

Resume Builder Pro

Resume Builder Pro is a Vite + React + TypeScript starter app with shadcn/ui components and TailwindCSS that provides a web-based resume editor, templates, and export capabilities.

Features

• WYSIWYG resume editor and live preview
• Template gallery with previews, includes pagination, searching, filtering
• Image editor for profile photos, enables cropping, rotating, zooming.
• Export to PDF (via jspdf/html2canvas)
• Persistent local state with zustand
• Tailwind + shadcn UI primitives for rapid UI composition

Tech Stack

• Vite
• React 18 + TypeScript
• TailwindCSS
• shadcn/ui (Radix primitives)
• Zustand for state
• jspdf / html2canvas for PDF export

Repo Structure (high level)

• src/ — application source code
  • components/ — UI components and pages
  • lib/ — utilities
  • stores/ — global state (e.g. resumeStore.ts, authStore.ts)
  • data/ — templates and sample data
• public/ — static assets
• index.html — app entry
• package.json — scripts & dependencies

Prerequisites

You can use Bun, npm or pnpm. This repo contains bun.lockb and is compatible with Bun.

Quick Start

Using Bun (recommended when available):

bun install
bun run dev

Using npm:

npm install
npm run dev

Using pnpm:

pnpm install
pnpm dev

Common Scripts

• dev — start the Vite dev server
• build — build production assets
• build:dev — build with development mode
• preview — preview the production build locally
• lint — run ESLint

Run them with npm run <script> or bun run <script>.

Building for Production

npm run build
npm run preview

(Or use bun run build / bun run preview.)

Contributing

Contributions are welcome. Suggested workflow:

1. Fork the repo
2. Create a feature branch
3. Open a PR with a clear description and any screenshots

Please run linters and ensure the dev server builds locally before submitting a PR.

Where to look first

• src/components/editor/ResumeEditor.tsx — resume editing UI
• src/components/editor/ResumePreview.tsx — live preview and print/export
• src/data/templates.ts — resume templates included