All projects
Product UI / ToolFeaturedMistralBrave Search@react-pdf/rendererTanStack Start

Resume Builder

AI-assisted resume builder — PDF export, brand theming, and a public LinkedIn-to-resume flow for visitors.

Try itOwner workspace
Year
2026
Role
Design Engineer
Client
Portfolio
No cover image

Problem

Visitors wanted a tangible demo of the AI tooling behind the portfolio — not just chat, but a workflow that produces a downloadable artifact. The owner path also needed a fast way to tailor PDF resumes without rebuilding layouts each time.

What I shipped

  • Owner workspace at /resume — password-protected, seeded from static profile data, live HTML preview, client-side PDF via @react-pdf/renderer.
  • Public tool at /tools/resume — LinkedIn URL plus optional pasted summary, Brave Search, Mistral tool loop, structured ResumeDocument JSON, same PDF pipeline.
  • Portfolio chat web_search tool — shared Mistral tool executor and Brave Search client for grounded answers about external companies and current events.
  • Work section case study with Try it CTA and rate limits (3 resume generations / 24h per IP).

Stack

Mistral
React
TypeScript
TanStack Start

Outcome

One resume document schema powers owner and visitor flows. Web search runs via the Brave Search API with per-IP rate limits and a capped number of tool calls per request to control cost and abuse.