ROLE
Designer & Developer
TIMELINE
2026
CATEGORY
WEB DEVELOPMENT
STACK
Next.js, React 19, TypeScript
Next.jsReactThree.jsFramer MotionTailwindAI
THE
CHALLENGE
// SYSTEM_OVERVIEW
// STATUS: DEPLOYED
// PRIORITY: HIGH
Version 3 of the personal portfolio was designed from the ground up with a brutalist aesthetic, balancing raw visual impact with smooth interactivity. Built on Next.js 16 with React 19, using ai tools like google stitch for design and nano-banana for images and openclaw for deployment management it features custom cursor interactions, noise overlays, performance-level toggling, and scroll-driven animations via Framer Motion. The 3D elements are powered by React Three Fiber and drei, while post-processing adds cinematic depth. Every section is data-driven for easy content updates.
TECHNOLOGIES USED
Next.jsReact 19TypeScriptThree.jsTailwind CSSFramer Motiongoogle stitchnano-bananaopenclaw
GALLERY_ITEM_01
GALLERY_ITEM_02
GALLERY_ITEM_03
arrow_backALL PROJECTS
NEXT CASE STUDY
STACKERFORGE
arrow_forward