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.
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.
- 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.
- 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
To get started with Algo Visualizer, follow these steps:
- Clone the repository:
git clone https://github.com/Sujeet76/algo-visualizer.git
- Navigate to the project directory:
cd algo-visualizer
- Install dependencies:
npm install
- Start the development server:
npm start
- Open your browser and visit http://localhost:5173 to see the application.
We welcome contributions to Algo Visualizer! To contribute, follow these steps:
- Fork the repository on GitHub.
- Create a new branch for your feature or bug fix.
- Make your changes and test them thoroughly.
- Commit your changes with a descriptive commit message.
- Push your branch to your forked repository.
- Submit a pull request to the main repository, explaining your changes and their purpose.
Algo Visualizer is released under the MIT License.
For any questions or feedback, please feel free to contact me at ksujeetkumar7678@gmail.com