Development Log

A changelog of website updates and explanations of design decisions.

Added Three.js Background Animation

Implemented an interactive particle field behind the hero section using Three.js and @react-three/fiber. The animation includes 5,000 particles with mouse-tracking interactivity.

Three.jsAnimationReact Three Fiber

Dark/Light Theme Toggle

Added a theme selector using next-themes. Chose next-themes over a pure Redux implementation due to its built-in handling of hydration, localStorage persistence, and system preference detection.

Themingnext-themesUX

Initial Website Launch

Launched the portfolio website built with Next, React, and Tailwind CSS. Using Redux Toolkit for state management.

Next.jsReactTailwind CSSRedux