https://github.com/0xbitbuster/reactjs-sorting-visualizer

Sorting Algorithm Visualizer in React.js
https://github.com/0xbitbuster/reactjs-sorting-visualizer

algorithm javascript reactjs sorting visualizer

Last synced: 28 days ago
JSON representation

Sorting Algorithm Visualizer in React.js

• Host: GitHub
• URL: https://github.com/0xbitbuster/reactjs-sorting-visualizer
• Owner: 0xBitBuster
• License: mit
• Created: 2023-04-07T15:23:12.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-08-05T22:18:21.000Z (over 1 year ago)
• Last Synced: 2024-11-14T03:46:04.202Z (3 months ago)
• Topics: algorithm, javascript, reactjs, sorting, visualizer
• Language: JavaScript
• Homepage: https://reactjs-sorting-visualizer.vercel.app
• Size: 104 KB
• Stars: 8
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        

# React.js Sorting Algorithm Visualizer

![Showcase Image](https://i.ibb.co/NxfkY9Z/Screenshot-1.png)

This project is a React.js (Vite) web application that allows users to visualize various sorting algorithms such as Bubble Sort and Insertion Sort in real-time. It's a fun and educational way to learn about sorting algorithms. The user is able to adjust the speed of the sorting process and read about how the algorithm works.

View Website

## Features

-  [x]  **Various Algorithms**: Bubble Sort, Insertion Sort, Selection Sort, Merge Sort, Quick Sort and Radix Sort

-  [x]  **Visualization**: You can see the sorting process visualized in real-time by 3D rendered bars. If it's going too fast, feel free to change the speed!

-  [x]  **Explanation**: Upon seeing the visualization, you also get a useful explanation how the algorithm works

-  [x]  **Comparison**: Besides the explanation, the user is able to compare the time and space complexity of the various algorithms

## Getting Started

### Prerequisites

- Node.js (version 12 or higher)

  

### Installation

1. Clone the repository to your local machine:

```bash

git clone https://github.com/0xBitBuster/reactjs-sorting-visualizer

```

2. Install the dependencies:

```bash

npm install

```

  

### Usage

To start the server, run:

```bash

npm run dev

```

By default, the web application runs on `http://localhost:5173`

  

## Contributing

Contributions are welcome! If you have a feature request or bug report, please open an issue. If you want to contribute code, please fork the repository and submit a pull request.

  

## License

This project is licensed under the MIT License - see the LICENSE file for details.