Skip to main content
OJ

Pathfinding Visualizer

An interactive grid for watching pathfinding algorithms run, with speed control and a layout that works on a phone.

Role
Personal project
Stack
Next.js · TypeScript · Tailwind CSS
Type
Tools
Year
2024

Live · pathfinderalgorithm.netlify.app

Overview

An interactive grid for watching pathfinding algorithms run, with speed control and a layout that works on a phone.

Role

Personal project.

Technologies

  • Next.js
  • TypeScript
  • Tailwind CSS

Responsibilities

  • Built a Next.js client app that runs pathfinding on a grid with live playback.
  • Added controls for algorithm choice and speed so comparisons are visible, not only theoretical.
  • Kept the grid and controls usable on a phone, not only on a desktop.

Achievements

  • Made algorithm behavior easy to see instead of only reading about it.
  • Kept animation readable without locking the UI on larger grids.
  • Published a small, focused tool rather than over-building a demo.