Skip to content

Algo Visualizer is a web application designed to help users visualize various sorting algorithms in action. Users can observe the step-by-step process of sorting algorithms such as bubble sort, insertion sort, selection sort, merge sort, and quick sort.

Notifications You must be signed in to change notification settings

Sujeet76/algo-visualizer

Repository files navigation

Algo Visualizer

Algo Visualizer is a web application designed to help users visualize various sorting algorithms in action. Users can observe the step-by-step process of sorting algorithms such as bubble sort, insertion sort, selection sort, merge sort, and quick sort.

Table of Contents

Introduction

Algo Visualizer is a personal project that was developed to visualize and compare different sorting algorithms. It was created to help me improve my skills in React, JavaScript, and Tailwind CSS while also learning about sorting algorithms.

Image Preview

InCollage_20240305_145638611

Features

  • Visualize and compare different sorting algorithms, including Bubble Sort, Insertion Sort, Selection Sort, Merge Sort, Quick Sort.
  • Customizable array size and speed of visualization.
  • Responsive design for optimal viewing on various devices.

Technology Stack

  • React: A JavaScript library for building user interfaces.
  • JavaScript: The programming language used for scripting and interactivity.
  • Tailwind CSS: A utility-first CSS framework for rapid UI development.
  • TypeScript: A typed superset of JavaScript that adds optional static typing to the language.
  • Shadcn ui: A ui library helps to create frontend

Getting Started

To get started with Algo Visualizer, follow these steps:

  1. Clone the repository:
git clone https://github.com/Sujeet76/algo-visualizer.git
  1. Navigate to the project directory:
cd algo-visualizer
  1. Install dependencies:
npm install
  1. Start the development server:
npm start
  1. Open your browser and visit http://localhost:5173 to see the application.

Contributing

We welcome contributions to Algo Visualizer! To contribute, follow these steps:

  1. Fork the repository on GitHub.
  2. Create a new branch for your feature or bug fix.
  3. Make your changes and test them thoroughly.
  4. Commit your changes with a descriptive commit message.
  5. Push your branch to your forked repository.
  6. Submit a pull request to the main repository, explaining your changes and their purpose.

License

Algo Visualizer is released under the MIT License.

Contact

For any questions or feedback, please feel free to contact me at ksujeetkumar7678@gmail.com

About

Algo Visualizer is a web application designed to help users visualize various sorting algorithms in action. Users can observe the step-by-step process of sorting algorithms such as bubble sort, insertion sort, selection sort, merge sort, and quick sort.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages