Personal Portfolio Website
My portfolio site, built as an interactive n8n workflow. The homepage is a full-screen canvas where each node maps to a section of the site. On load, the workflow executes: nodes light up in sequence, edges animate with flowing particles. Dual analytics stack with GDPR-compliant consent management.
Key features
- Full-screen interactive workflow canvas with timed execution animation on page load
- Five custom node types (trigger, regular, AI, sub-tool, output) with animated SVG edges
- Draggable nodes with click-to-navigate and drag-guard to prevent accidental clicks
- Responsive layouts with separate mobile workflow configurations per breakpoint
- Dual analytics: Vercel Analytics (cookieless, always-on) plus Google Analytics (consent-gated via GTM)
- Real-time consent management with instant script removal and cookie cleanup on revocation
- Contact form through Resend email API, protected by Cloudflare Turnstile and honeypot spam detection
- Markdown-based blog section with RSS feed for content distribution
- Server-rendered via Next.js App Router with image optimization and font preloading
Technologies
About the project
I didn't want a grid-of-cards portfolio. I build AI automations for a living, so the site itself is one. The homepage is a React Flow canvas: drag nodes around, click them to navigate, watch the workflow execute with timed animations on load. Inner pages have mini-workflow heroes showing where you are in the flow. Analytics runs two layers. Vercel Analytics stays on (cookieless, no consent needed), while Google Analytics loads only after explicit cookie consent via Google Tag Manager. Revoke consent and the script gets pulled, cookies cleared, right then. If you work in PR or communications and you're evaluating this, the setup means I know which pages hold attention, where people leave, and whether the interactive workflow actually makes visitors stick around. The contact form routes through Resend's API with Cloudflare Turnstile and a honeypot for spam. GDPR and PDPA compliant, with a privacy page where visitors manage their own preferences.