Easy Sorting

## the problem

Data-structures courses teach sorting as pseudocode on a slide. Most students memorize the steps without ever seeing the array move - and it shows in exams and interviews.

Built during my BSc CSIT while studying DSA myself. The goal was a tool I would have wanted: pick an algorithm, watch every comparison and swap, control the speed.

## try it - live sorting playground

Rebuilt natively for this page. Pick an algorithm, drag the sliders, and watch every comparison and swap - the same idea behind the original project, running right here.

## constraints & tradeoffs

• ▸Zero dependencies - every animation frame, timer, and state transition written by hand in vanilla JS.
• ▸Step-accurate visualization: the animation must reflect the real algorithm, not a look-alike.
• ▸Runs smoothly on the low-end laptops most students actually have.

## architecture

vanilla JS core
  ├─ algorithm runner ──► emits step events (compare / swap)
  ├─ renderer ──► DOM bars, batched updates
  └─ controls ──► speed, size, algorithm select, replay

## key decisions

## results & lessons

• ✓Live at easysorting.netlify.app and used by classmates preparing for DSA exams.
• ✓The step-event pattern became my template for the later Stack visualizer.
• ✓Lesson: building the visualizer taught me more about sorting than the course did.