$ open code-compare

Code Compare

Small Developer Tool / 2025

Code Compare is a small frontend tool I built to make side-by-side code comparison easier. It gives two Monaco editor panes on the same screen, lets the user switch languages, and highlights the idea of incorrect versus corrected code so changes are easier to inspect quickly.

overview.md

A lightweight code-diff style tool focused on visual side-by-side comparison.

The app is built with JavaScript, Vite, Monaco Editor, and html2canvas. It supports multiple programming languages, sample code presets, adjustable editor font size, and a snapshot feature for capturing the comparison view. It is a small utility, but it is useful because it turns a common developer need into a focused interface instead of relying on a full IDE or a large external diff tool.

outcomes.log

Built a side-by-side code comparison tool with Monaco editors in the browser
Supported multiple languages, sample presets, font-size controls, and visual comparison workflows
Added snapshot capture so compared code can be exported as an image