林 · LIN
FR/EN
PROLOGUE · 序幕

William Lin

Le code comme calligraphie. Précis, intentionnel, lisible.

Développeur Full Stack · Paris

↓ Acte I
第一幕
ACT I · WORKS
ACTE I · WORKS

Le rouleau

Trois ouvrages tirés du carnet d'atelier.

↓ Faites défiler pour dérouler →
№01 · 2024
健vigueur

MatchFit

Application web de coaching sportif

Full Stack
Vue.jsPHPPostgreSQLDockerGitHub Actions
GitHub →
№02 · 2026
圖carte

ForkMap

Carte interactive de restaurants — OpenStreetMap + Foursquare

Full Stack
Next.js 15TypeScriptLeafletSupabaseOverpass API
GitHub →Demo →
№03 · 2024
膳festin

Restaurant SPA

Template multilingue pour clients

Front
React.jsFigmai18n
Fin du rouleau
林
William Lin · 林
第二幕
ACT II · SKILLS
ACTE II · SKILLS

Le tracé

Le geste, l'outil, et la trace qu'il laisse.

№ 01
面
Frontend
visage
  • HTML
    ★ 5 / 5 · 2026-04
    Ma
  • CSS
    ★ 5 / 5 · 2026-04
    Ma
  • JavaScript
    ★ 4 / 5 · 2026-05
    Ma
  • TypeScript
    ★ 4 / 5 · 2026-05
    Fo
  • React
    ★ 4 / 5 · 2026-05
    Fo
  • Vue.js
    ★ 4 / 5 · 2025-12
    Ma
№ 02
骨
Backend
os
  • .NET
    ★ 3 / 5 · 2025-10
    Co
  • C#
    ★ 3 / 5 · 2025-10
    Co
  • Node.js
    ★ 4 / 5 · 2026-04
    Fo
  • PHP
    ★ 3 / 5 · 2025-11
    Ma
  • Symfony
    ★ 3 / 5 · 2025-09
    Co
  • Python
    ★ 3 / 5 · 2026-01
    Co
№ 03
庫
Database
réserve
  • PostgreSQL
    ★ 4 / 5 · 2026-04
    Fo
  • Supabase
    ★ 3 / 5 · 2026-04
    Fo
  • MongoDB
    ★ 3 / 5 · 2025-11
    Co
  • MariaDB
    ★ 3 / 5 · 2025-10
    Co
№ 04
具
Tools
outil
  • Leaflet
    ★ 3 / 5 · 2026-04
    Fo
  • Docker
    ★ 3 / 5 · 2025-12
    Ma
  • Git
    ★ 4 / 5 · 2026-05
    Ce
  • Figma
    ★ 3 / 5 · 2025-12
    Re
第三幕
ACT III · NOW
ACTE III · NOW

Journal

Le carnet du moment — pensées, lectures, chantiers en cours.

五
Lune de
May 16, 2026
2026 · entry 2026-05

Carnet du moment

Refonte complète de ce portfolio. Le concept "match point badminton" a laissé place à une mise en scène en cinq actes — palette Tang impérial, défilement horizontal en rouleau pour les projets, traversée d'une porte avant la salle des correspondances.

Ce que je travaille

  • Next.js 15 — défilement détourné en horizontal pour la section Works, transitions de rideau entre actes (framer-motion + sticky containers).
  • Calligraphie SVG — chaque compétence se trace au scroll, stroke-dasharray + IntersectionObserver.
  • Typographie — Cormorant Garamond pour le display, Ma Shan Zheng pour le calligraphique, Inter Tight pour la signalétique.

Lectures

  • Tidy First? (Kent Beck) — passes de propreté avant le gros refactor.
  • Hero (Zhang Yimou) — étude des palettes et du mouvement.

Dernière mise à jour : 16 mai 2026.

記Cacheté
L'ENTRÉE · 入
太和入Franchir le seuil
ACTE FINAL · 終

Correspondance

Laissez un mot. Je lis tout, je réponds rarement vite, jamais en retard.