Sorting Visualizer

Sorting Visualizer is a web application built with React that allows users to visualize various sorting algorithms in action. The application is designed with a retro pixel-art style, providing an engaging and educational experience for users who want to learn how sorting algorithms work.

Features

• Interactive Sorting Visualizations:

  • Bubble Sort
  • Selection Sort
  • Insertion Sort
  • Merge Sort
  • Quick Sort
  • Heap Sort
  • Radix Sort

• Dynamic Controls:

  • Adjust the length of the array to visualize.
  • Modify the speed of the sorting animation.
  • Select the sorting algorithm from a dropdown menu.

• Retro Pixel-Art Design:

  • Neon colors and pixelated elements for a nostalgic arcade-style experience.
  • Smooth animations with "pixel jump" effects for sorting transitions.

• Responsive Design:

  • Automatically scales the height and width of bars based on the screen size and array length.
  • Ensures text labels under bars remain readable without overlapping.

Technologies Used

• Frontend: React (Create React App)
• Styling: CSS with custom retro pixel-art design
• State Management: React's useState and useEffect hooks
• Sorting Algorithms: Implemented in JavaScript with animation support

Installation

To run the project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/your-username/sorting-visualizer.git
   cd sorting-visualizer