Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mickfrog/sort-visualizer
Sort Visualizer
https://github.com/mickfrog/sort-visualizer
javascript jsx reactjs tailwindcss
Last synced: 11 days ago
JSON representation
Sort Visualizer
- Host: GitHub
- URL: https://github.com/mickfrog/sort-visualizer
- Owner: MickFrog
- Created: 2023-07-19T07:51:48.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-09-26T17:39:35.000Z (over 1 year ago)
- Last Synced: 2023-09-26T23:51:16.885Z (over 1 year ago)
- Topics: javascript, jsx, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://mickfrog.github.io/sort-visualizer/
- Size: 430 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sort Visualizer
This is a project that aims to visualize different sorting algorithms at human conceivable speed.
The live app can be viewed [here](https://mickfrog.github.io/sort-visualizer).
## Features
1. Choose visualization speed from the app header.
2. Select the array size using a user-friendly slider.
3. Ability to generate new random array that is rendered to produce another set of div bars.
4. Select sorting algorithm.
5. All features are disabled during sorting visualization with the use of Promises.
## Project Preview
### Desktop Preview
### Mobile Preview
## Project Setup
```
git clone [email protected]:MickFrog/sort-visualizer.git
cd sort-visualizer
npm install
npm start
```
## Built with
- JavaScript
- JSX
- [React](https://reactjs.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- CSS3