09·AI Pipeline
Portfolio Project
Resume to 3D Portfolio Builder
Upload a PDF resume — get a fully rendered, deployed 3D interactive portfolio in minutes.
Next.jsBullMQRedisCloudflare R2Three.jsPostgreSQLPrisma
resume-3d-portfolio.app
Overview
Traditional portfolio building takes days of setup, content writing, and deployment decisions. This system turns a raw PDF resume into a deployed 3D portfolio in under two minutes — with no design or coding input from the user.
The Problem
Developers and designers building their first portfolio face friction at every step: choosing a framework, writing copy, creating visuals, and configuring deployment. Many never publish anything at all.
The Solution
PDF is parsed and structured by an AI pipeline. A template selection step picks the best Three.js portfolio template. BullMQ coordinates the multi-step pipeline — parse, extract, generate, build, upload to R2 — and streams progress updates via SSE.
Key Features
PDF Parsing + AI Extraction
Raw resume text parsed and structured into typed career schema: experience, skills, projects, and education.
Three.js Portfolio Generation
Structured data injected into 3D templates with dynamic sections, animated parallax transitions, and responsive layout.
BullMQ Pipeline Orchestration
Multi-step job queue with per-step retries, status events streamed to the frontend via SSE for live progress feedback.
Cloudflare R2 Hosting
Generated portfolio assets uploaded to R2 and served via CDN — no server-side rendering required at access time.
Architecture
Upload → Redis Queue → BullMQ Workers (parse → extract → generate → build → upload) → R2 CDN → Live URL