Sorting Visualizer

This project is a visual representation of various sorting algorithms, built with React and TypeScript. It helps users understand how sorting algorithms like Bubble Sort, Merge Sort, Quick Sort, and Heap Sort work by visualizing each step of the sorting process.

Project Outcomes

• Educational Tool: Provides an interactive way to learn and understand different sorting algorithms by observing their operations step by step.
• Algorithm Comparison: Allows users to compare the efficiency and behavior of different sorting algorithms in real-time.
• Customizable Speed: Users can adjust the speed of the visualization to observe the sorting process in slow motion or at a faster pace.
• Random Array Generation: Generate a new array of random values to visualize different sorting scenarios.

How to Run the Project

Follow these steps to run the Sorting Visualizer on your local machine:

Prerequisites

Ensure you have the following installed on your system:

• Node.js (version 14.x or higher)
• npm (usually comes with Node.js)

Installation

1. Clone the Repository

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

2. Install Dependencies

   Navigate to the project directory and install the required dependencies:

   npm install
   

Running the Project

1. Start the Development Server

   Once the dependencies are installed, start the development server:

   npm run dev
   

2. Open the Application

   Open your browser and navigate to http://localhost:5173 or the Local link you have been assigned to see the sorting visualizer in action.