Skip to content
Back to Projects

Developer Portfolio

A personal portfolio built to present projects, skills, and background as a software engineer — aimed at recruiters and technical reviewers who need to quickly assess fit. Built with Next.js App Router for file-based routing and SSG, Tailwind CSS v4 for styling, and Three.js for the interactive 3D hero. State management is handled with Zustand and animations with Framer Motion.

GitHub RepoComing Soon
Developer Portfolio preview

Key Features

  • Project Showcase: each project has a dedicated detail page with description, key features, tech stack, role, and live/repo links — structured as a case study so reviewers can assess depth of work, not just a list of names.
  • Bilingual & Theme Support: the site switches between English and Vietnamese, and between dark and light mode — state persisted via Zustand so preferences survive navigation without re-rendering the layout.
  • Interactive 3D Hero: the homepage features a real-time 3D scene rendered with Three.js (@react-three/fiber) alongside particle animations — section reveals are driven by IntersectionObserver for performance instead of scroll listeners.

Technologies Used

Next.jsReact 19TypeScriptTailwind CSSThree.jsFramer MotionZustand
RoleFrontend Developer
StartedApril 2026
Duration3 months
StatusCompleted