Build a reliable, branded Ai PDF export for our valuation reports (React + CSS print or Puppeteer)
Buget: $500.0
FIXED /
⭐ 4.77 (34)
Australia
web-application, html, react-js
What we have
A SAAS B2B web app that builds business reports (cover, financials, valuation, comparables, charts, narrative). Reports templates are designed on screen to use, The aI PDF export is the problem — it's unreliable and doesn't match what we want.
The problem
Two export buttons, two broken results:
- Export PDF screenshots the content template page and stitches it into a PDF.
- Preview uses a separate text-only generator. No charts, no styling, just plain text.
They don't match each other, and neither is where we want it. (To be clear: the on screen report isn't perfect either, so this isn't just "copy the screen" it's getting the output right.)
The job
A reliable, high-fidelity PDF that renders consistently and looks polished. We have a direction in mind but we're open to your input on the render approach, the layout, the charts, and the overall design.
Things the report should handle: cover page, financial KPI cards, valuation cards and value range, comparables table, charts and visual blocks, themed fonts, clean A4 page breaks (no cut-off rows or cards), headers/footers/page numbers, optional watermark, and a cover-page toggle. Treat this as the starting list, not the ceiling there's room to design new charts and visual blocks.
Definition of done
It's done when we can generate a complete report from the template data, fully branded with the broker's PDF, logo, colors, and design elements and it comes out reliably every time.
Approach (as suggested by claude but not sure about this):
Option A: Client-side print-to-PDF — render to a clean print route with a real print stylesheet (@page A4, break-inside: avoid, etc.). No new dependencies.
Option B: Headless Chromium (Playwright/Puppeteer) for a true one-click server-side download. Adds a small service to host.
Open to other approaches if you think there's a better one.
Not in scope: report content, valuation math, and the data model those work and aren't changing.
Stack: React 18, TypeScript, Vite 5, Tailwind 3, shadcn/ui, Supabase, Vercel.
You're good at: React/TypeScript and CSS print/paged-media (@page, page-break control). Puppeteer/Playwright and prior html-to-PDF fidelity work are big pluses.
Deschide pe Upwork