Yan Kessel

Full-Stack Developer — building interfaces that feel alive

---

I craft full-stack web apps with a focus on smooth interactions, solid architecture, and accessible UI. Self-taught, shipping in production.

const yan = {
  stack:  ["Next.js", "TypeScript", "React", "Tailwind CSS", "Supabase"],
  motion: ["Framer Motion", "D3.js", "CSS Animations"],
  always: "thinking about UX details",
}

---

🛠 Tech Stack

Frontend

Backend & Data

Tools

---

🚀 Featured Projects

Project	What it does	Stack
Prism	Interactive financial dashboard — live stock data, D3 charts, candlestick & heatmap	Next.js · D3.js · Finnhub API · Framer Motion
MotionKit	Animated React component library — 16 spring-physics components, ARIA-compliant, three themes	Next.js · Framer Motion · TypeScript
DevBoard	Real-time Kanban board with drag & drop, orgs, comments, and live updates	Next.js · Supabase · PostgreSQL
Tripcraft	AI-powered trip planner with map-based itinerary view and PWA offline support	Next.js · Mapbox GL · Supabase
Portfolio	Design-forward portfolio with parallax, page transitions, and case studies	Next.js · Framer Motion · Tailwind CSS

---

📊 GitHub Stats

---

_{Always building something new · kessel.vercel.app}