← Back to all work
WebsiteDeveloper

Text and Code Diff Checker

Compare two texts or code snippets and highlight added, removed, and unchanged lines. Download a comparison report with no uploads or saved document contents.

STATUSPublic page live
FOCUSDeveloper
DIAGRAM SCOPEWorkflow overview

THE PROBLEM

What it sets out
to solve.

Turn before and after text / code into added / removed / unchanged lines through a focused workflow.

THE APPROACH

How it comes
together.

Compute bounded line-level longest common subsequence on the device, then expose a reviewable result for copying or download.

UNDER THE HOOD

Follow the workflow.

Trace the components.
Select a node for its role in the system.

Workflow overview · Text and Code Diff Checker3 COMPONENTS
INTERACTIVE 3DText and Code Diff Checker
Next.jsReactTypeScript
Move to tilt · Drag to rotate · Arrow keysDrag to rotate · Tap a component3 components · 2 connections
2D diagram
Trace connections 2 relationships
  1. Before and after text / codeCompute bounded line-level longest common subsequence
  2. Compute bounded line-level longest common subsequenceAdded / removed / unchanged lines

Select a component to see how it fits into the system.

CAPABILITIES

What’s inside.

  • 01

    Before and after text / code

  • 02

    Compute bounded line-level longest common subsequence

  • 03

    Added / removed / unchanged lines

Let’s build something useful.

Start a conversation ↗