Skip to content

lastjung/sort-easy

Repository files navigation

🌊 SortEasy Pro: Elite Sorting Visualizer

SortEasy Pro is a premium, high-performance sorting algorithm visualizer designed for educators and YouTube content creators. Experience sorting algorithms in a stunning "Deep Sea Emerald" theme with professional-grade UI/UX.

Live Demo

https://lastjung.github.io/sort-easy/

✨ Key Features

  • 8+ Core Algorithms:
    • Bubble, Selection, Insertion (Reverse Bubbling)
    • Quick, Merge, Heap, Shell, Cocktail
  • Persistent Pause/Hold Engine: Pause any algorithm mid-way and resume exactly where you left off. The timer persists across pauses for precise performance benchmarking.
  • Cinema Mode (Zero-Scroll): Optimized for 4K video recording, automatically expanding to single-card view.
  • Vibrant Neon Blue & Purple Theme: High-contrast color palette (Blue base, Purple columns) with neon glows for maximum visibility in video content.
  • Zero-Jitter Animation: Smoothed animation engine with 20ms minimum frame time to prevent screen shaking during high-speed sorting.
  • Audio Feedback: Context-aware sine/saw/square wave synthesis for every swap and comparison.
  • 1-Based Positioning: Educational-first coordinate system matches spoken explanations.

🚀 Tech Stack

  • React 19 + Vite
  • Tailwind CSS (Custom Glassmorphism)
  • Lucide React (Elite Icons)
  • Web Audio API (Sound Synthesis)

🛠 Installation & Running

  1. Clone the repo
    git clone https://github.com/eric/sort-easy.git
  2. Install dependencies
    pnpm install
  3. Run development server
    pnpm dev

📸 For Content Creators

To enter Cinema Mode, simply uncheck all algorithms in the dashboard except one. The UI will automatically expand to fill the screen with high-contrast text and a large visualization canvas.


Created with ❤️ for the Sorting Engineering community.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors

Languages