← All articles

This portfolio, and everything inside it

Not a page: an experience. Several ways to get to know me — an animated landing, an in-browser OS, an AI assistant, a book, a terminal, an interactive resume. Guided tour.

This portfolio, and everything inside it

My portfolio isn't a page — it's an experience. I wanted people to get to know me in several ways, depending on their mood. Here's what's inside, and where to start.

The homepage first: an awwwards-style animated landing (GSAP/ScrollTrigger) — preloader, pinned horizontal scroll, kinetic typography. The classic entrance, the one you browse by scrolling.

Then PaulBot: a built-in AI assistant, wired to a streaming LLM, that answers your questions about my background, skills and projects — and can even take you straight to the right page.

PaulBrain OS, the immersive version: an operating system in the browser — desktop, windows, dock, app folders, synthesized UI sounds (Web Audio) — plus a terminal mode for the curious, where you type commands.

The book: my biography told like a real book — pages that turn with sound, parts and chapters, PDF export. For those who'd rather read a story from start to finish.

The resume: interactive, bilingual, with four profiles (Full-Stack, Frontend, Backend, DevOps) and one-click PDF export. And finally this blog, where I share tech notes, dev culture and a few travel journals.

Under the hood: Next.js, React and GSAP on the front, a NestJS backend for the AI assistant, Docker and CI/CD to ship. All bilingual (FR/EN), accessible and SEO-optimized.

One detail I care about: proactive guidance, 100% client-side (zero server request, zero data leaving your browser). If the site senses you're going in circles — reading time, scroll, pages visited — it gently suggests the page or path that might interest you.

So, where do you start? 👇

Explore PaulBrain OS →The portfolio as an operating systemRead the book →My biography, page by pageSee the interactive resume →Bilingual, 4 profiles, PDF exportLearn more about me →The journey in detailThe code on GitHub ↗My repositoriesReach me on LinkedIn ↗Let's talk about a project
[object Object] — 2[object Object] — 3[object Object] — 4
Share
English version