Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/george-swift/sorting-visualiser

A visualiser tool for the following sorting algorithms: Insertion sort, Merge sort, Quick sort and Heap sort.
https://github.com/george-swift/sorting-visualiser

algorithms heapsort insertion-sort merge-sort quick-sort react

Last synced: 25 days ago
JSON representation

A visualiser tool for the following sorting algorithms: Insertion sort, Merge sort, Quick sort and Heap sort.

Awesome Lists containing this project

README

        

# Sorting Visualiser

![](./public/before-sort.png)

## Objectives

- Visually demonstrate sorting algorithms
- Using libraries and CSS frameworks to create interactive interfaces

## Live Link

[Click here](https://react-sorting-visualiser.netlify.app/)

## Features

> A visualiser for sorting algorithms. It currently demonstrates the implementation of the following algorithms: Insertion Sort, Merge Sort, Quick Sort and Heap Sort.

_Sorted_
![](./public/after-sort.png)

## Built With

- React
- JavaScript
- Tailwind CSS

## Getting Started

- Clone this project by running `git clone [email protected]:george-swift/sorting-visualiser.git`
- Run `npm install` to install the required dependencies.
- After installing all dependencies, run `npm start` to fire up a local server with live reloading.
- If not already redirected, visit `http://localhost:5173/` in your browser to use _Sorting Visualiser_
- To terminate the server, enter `Ctrl + C` in your terminal.

## Authors

👤   **Ubong George**

- LinkedIn: [Ubong George](https://www.linkedin.com/in/ubonggeorge/)
- GitHub: [@george-swift](https://github.com/george-swift)

## Show your support

Leave a :star:️   if you like this project!

## License

Available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).