ethjor
domTraverse - Image 1
GoMicrosoft AzureNext.jsBFS / DFSLCA

domTraverse

domTraverse takes any HTML page and brings its DOM to life. It scrapes a target URL, parses the raw markup into a real tree, and then animates how classic graph-traversal algorithms walk through it. Watch BFS sweep level by level, DFS plunge deep into branches, and a CSS-selector engine pick out nodes by tag, class, id, and combinators. Pick any two elements and it computes their Lowest Common Ancestor in real time.

Key Features

BFS & DFS Traversal

level-order and depth-first walks over the parsed DOM, streamed step-by-step with a full visit/match log

CSS Selector Search

matches elements by tag, class, id, and combined selectors directly against the live tree

Lowest Common Ancestor

computes the LCA of any two selected nodes to reveal their shared structural root

Tech Stack

Frontend: Next.js 16 + React 19 with Tailwind CSS

Backend: Go

Deployment: Dockerized + Microsoft Azure VM

Find out more