Skip to content

Portfolio

This very site, so you can see the code and how it is built

This site’s first screen: «Hi, I am Luis Fernández Sangil · Industrial engineer and web developer» over the kinetic mosaic of code and hardware photographs, with the current-role chip, the location and the «see projects» and «let’s talk» buttons.
My role
Concept, design, development and deployment
Year
2026
Status
In production

The site you are reading. It replaces an earlier Astro portfolio whose data had fallen behind — it claimed «4+ years of experience» when it was already five — and that failure is where its central decision comes from.

Not a single figure in the CV is hand-written: years of experience, projects in production, companies and technologies are all computed from the content, so they cannot age badly. It is also the project the stack and methodology of the latest ones here come from.

What's inside

  1. All the content lives in the repository, typed and validated in TypeScript: the site can be cloned and deployed with no credentials at all and the CV still comes out complete. A portfolio is the last place to depend on an external service to exist.

  2. Both backgrounds are drawn in code: a kinetic mosaic on the first screen and, everywhere else, a grid of up to three thousand nodes on a canvas that parts and lights up under the pointer. Without a single added dependency.

  3. The projects turn in an endless «cover flow» carousel driven by scroll in CSS (`animation-timeline`): the whole 3D effect is CSS, and the only JavaScript is the two buttons and the jump that keeps the loop seamless. In print it unfolds into a two-column grid.

  4. Mobile verification is part of the work rather than an eyeball check: 21 assertions in a real Chrome at 390×844 per language, covering horizontal overflow, 24 px touch targets and the two navigations not sharing an accessible name.

Stack

  • Next.js 16
  • TypeScript
  • Tailwind CSS 4
  • zod
  • Playwright
  • Vercel