Skip to content

lab68dev/lab68cvbuilder

Repository files navigation

LAB68DEV CV Builder

A brutalist SaaS resume builder — engineered for speed, clarity, and pixel-perfect PDF output.

lab68dev CV Builder trên Unikorn.vn   lab68dev CV Builder - Daily

View on Unikorn.vn


Features

Authentication

  • Email-only sign-in with auto-registration — no password required
  • JWT-based sessions with protected routes via middleware

Resume Builder

  • Split-view editor — live preview updates as you type
  • Auto-save — debounced 2-second save with visible status indicator
  • Five section types: Personal Info, Experience, Education, Skills, Projects
  • Tag-based input for skills and project technologies
  • Project Links — each project supports separate Project URL, GitHub URL, and Website URL displayed as Project | GitHub | Website
  • Avatar Upload — optional profile photo for the Creative / Portfolio template, powered by Cloudinary with face-detection cropping (up to 10MB)
  • 11 Google Fonts selectable per resume, including Calibri, Inter, Raleway, Montserrat, and more
  • Bilingual — full English and Vietnamese (Tiếng Việt) support via next-intl

Templates

Template Style
Harvard Style Classic academic — left date column with structured content blocks
Creative / Portfolio Brutalist sidebar — black 2.5-inch sidebar with optional avatar photo
ATS-Optimized Two-column clean layout optimized for Applicant Tracking Systems
Executive / Leadership Traditional top-down with professional summary header

PDF Export

  • Preview before download — fullscreen modal with the rendered PDF in an iframe
  • One-click export with matching template fidelity
  • Clickable hyperlinks preserved in exported PDF (website, LinkedIn, GitHub, project links)
  • Dynamic font loading — selected Google Font is embedded in the PDF

Dashboard

  • Bento grid layout for resume management
  • Create, rename, and delete resumes
  • Instant navigation to any resume's builder view

Design Philosophy

Built on a brutalist aesthetic — raw, functional, and intentional:

  • Zero border radius — square corners everywhere
  • Monochrome palette — black and white only
  • Visible 1px borders on all interactive elements
  • Inverted focus states — black background, white text on focus
  • Monospace labels in uppercase with wide letter-spacing

No smooth gradients. No rounded pills. Pure function.


Tech Stack

Layer Technology
Framework Next.js 16 (App Router, React 19, Turbopack)
Language TypeScript (strict)
Database Neon (Serverless Postgres)
ORM Drizzle ORM
Auth Auth.js v5 — Credentials provider
Styling Tailwind CSS 4
State Zustand
PDF @react-pdf/renderer
Image Upload Cloudinary
i18n next-intl (EN / VI)
Font IBM Plex Sans (UI) + 11 Google Fonts (CV)

Support the Project

If this tool saves you time, a coffee goes a long way.

Ko-fi Buy Me A Coffee PayPal GitHub Sponsors

Vietnamese Bank Transfer (ACB)

ACB Bank QR Code


License

Licensed under the Apache License 2.0.


Built with brutalist design principles by lab68dev.

About

A brutalist SaaS resume builder — engineered for speed, clarity, and pixel-perfect PDF output.

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Contributors

Languages