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: 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