0%
Projet personnel · Tu es dessus en ce moment
Ce
portfolio.
Un site qui se décrit lui-même. React + TypeScript + Tailwind CSS v4, zéro framework d'animation — tout est CSS natif. Conçu pour montrer autant les projets que la façon de les coder.
Solo98 / 100 Lighthousev2.0 · En production
pauldebril.com
Hero section
Scroll
Stack technique
UI Framework
Rendu & composants
React 18
TypeScript
React RouterStyles & Design
CSS & système visuel
Tailwind v4
CSS Keyframes
Lucide IconsBuild
Outillage & bundling
Vite
pnpm
ESLintUI Components
Librairie de base
shadcn/ui
Radix UItw-animate-cssDéploiement — Vercel + GitHub ActionsEn production
Vercel
GitHub
GitHub Actions
WebP / SVG98
/ 100 Lighthouse
performance web
0
lib animation
CSS natif uniquement
6+
pages projet
chacune unique
v2
version
en production active
Conception
Un portfolio qui montre
comment il est fait.
Identité visuelle unique
Section 01
01
Identité visuelle unique
Fonts Bebas Neue + Fraunces + Space Grotesk. Palette amber/orange, fond ultra-sombre, glows ambiants. Zéro template — tout est dessiné à la main avec Tailwind CSS v4 et des keyframes CSS custom.
02
Architecture React propre
Composants isolés, hooks custom (useInView, useTilt, useCounter), routing React Router v6. Chaque section de projet est une page indépendante avec ses propres animations et données.
Architecture React propre
Section 02
Performance & accessibilité
Section 03
03
Performance & accessibilité
Score Lighthouse 98/100. Pas de bibliothèque d'animation — tout est CSS natif. IntersectionObserver pour les entrées en scroll. Images WebP optimisées, code splitting Vite.
Aperçu
Hero
PAUL DEBRIL — titre
Projets
Grille des réalisations
Skills
Stack & compétences
Projet suivant
Ravenhold