PORTFOLIO V2

Overview

Next.js-powered developer portfolio built with custom interactive HTML5 Canvas binary particle physics, dynamic theme switching, and responsive design systems.

Problem

Needed a distinctive, high-performance personal portfolio to showcase full-stack projects, interactive graphics, technical experience, and live visitor telemetry.

Solution

Designed and built an interactive web app with Next.js 14 App Router, TypeScript, Framer Motion animations, and a GPU-accelerated binary particle portrait engine.

Role

Full-Stack Developer

Features

• ✓Interactive binary particle portrait with mouse repulsion & spring physics
• ✓Dynamic Light and Dark mode theme provider
• ✓Responsive layout optimized across laptop, desktop, and mobile viewports
• ✓Live visitor tracking API integration
• ✓Interactive case study viewer & project showcase

Technology

Architecture

• •Next.js 14 App Router with TypeScript & React Server Components
• •HTML5 Canvas particle engine with interactive spring physics & mouse repulsion
• •Custom Tailwind CSS tokenized design system for light & dark themes
• •Next.js API routes with visitor counter telemetry tracking

Outcome

Created a fast, distinctive developer portfolio featuring physics-driven graphics and responsive UI across desktop and mobile devices.