Sorting Visualizer (React): An interactive web application that demonstrates how different sorting algorithms work through real-time animations. Built using React, this project helps users understand sorting concepts visually and intuitively.
Algorithms Implemented: Bubble Sort Selection Sort Insertion Sort Merge Sort Quick Sort Each algorithm is implemented with a focus on clarity and visualization rather than just performance.
Tech Stack: Frontend: React (JavaScript, HTML, CSS) Styling: CSS / Inline styles State Management: React Hooks
How It Works: An array of random values is generated and displayed as vertical bars. When a sorting algorithm is selected, the bars animate to show comparisons and swaps. Colors change dynamically to represent different operations like: Comparing elements Swapping values Sorted portion