← back to work

software · June 2026

Pathfinder Visualiser

A browser tool that animates how A*, Dijkstra and BFS explore a grid. Built to actually understand the algorithms, not just pass an interview question.

typescriptalgorithmscanvas

This is an example project file. Delete it once you’ve added your own — or use it as a template. Everything below shows what you can drop into a project.

The problem

Write in your own voice here. What were you trying to do, and why did it matter to you? Keep it conversational — like explaining it to a mate.

How it works

You can write normal Markdown, and it just works:

  • bullet points
  • bold and italic
  • links

Code blocks get syntax styling automatically:

function reconstructPath(came: Map<Node, Node>, end: Node): Node[] {
  const path = [end];
  while (came.has(path[0])) path.unshift(came.get(path[0])!);
  return path;
}

Media

Images — drop files in public/ and reference them:

A caption for the screenshot

Video — local file in public/:

<video src="/demo.mp4" controls></video>

Embed a YouTube/Vimeo/CodeSandbox by pasting an iframe directly:

<iframe src="https://www.youtube.com/embed/VIDEO_ID"></iframe>

Pull quotes look like this — handy for a key insight or result.

What I’d do differently

Honesty reads as confidence. Note what you learned or what’s still rough.