Skip to content

abhijeet141/sorting-visualizer

Repository files navigation

Sorting Visualizer

Project Overview

This project is a sorting visualizer built using React and TypeScript. It allows users to visualize different sorting algorithms in action, providing an interactive and educational experience.

Features

  • Multiple Sorting Algorithms: Visualizes various sorting algorithms like bubble sort, insertion sort, merge sort, quick sort, and more.
  • Clear Visualization: Uses animated bars to represent elements, providing a visual representation of the sorting process.

Installation

  1. Install Node.js: This project requires Node.js and npm (or yarn). If you haven't already, download and install Node.js from https://nodejs.org/.

  2. Navigate to the Project Directory: Use your terminal or command prompt to navigate to the project directory.

  3. Install Dependencies: Run the following command to install project dependencies:

    npm install

    or

    yarn install

Usage

  1. Start the Development Server: Run the following command to start the development server:

    npm run dev

    or

    yarn dev
  2. Open in Browser: The development server will open your default browser at http://localhost:5173/. You can now interact with the sorting visualizer.