Dan / PortfolioProject 05 · Fullstack
Personal Portfolio
This portfolio, built with Next.js, GSAP, Framer Motion, and Lenis — projects, activities, and contact info tied together with smooth, scroll-driven interactions rather than static pages.
Role
Fullstack Developer
Discipline
Fullstack Development
Period
2025
Hero section — quick intro and what I do.
01 / 03
Project story
Overview & contribution
This is the site you're on right now, built as a data-driven Next.js app. Scroll-linked reveals run on GSAP ScrollTrigger and Framer Motion, scrolling itself is handled by Lenis for that smoother feel, and there's a draggable project carousel plus a scroll-tied activity timeline. Content lives in its own typed data layer (projects.ts, activities.ts) so I can add or edit things without touching layout code — and every transition, from the hero into the about section, into projects and the timeline, was built to feel like one continuous scroll instead of separate boxed-off sections.
My Contribution
End-to-end ownership
- 01Scroll-based section transitions built with GSAP ScrollTrigger and Framer Motion
- 02Lenis smooth scroll synced with ScrollTrigger for a consistent feel
- 03Draggable project image carousel with directional transitions
- 04Scroll-linked activity/organization timeline
- 05Content structured as a typed data layer (projects.ts, activities.ts) for easy updates
Technology