Usaid-Bin-Rehan / NUCES_DAA_Sorting_Algo_GUI_Visual

HTML/CSS/Js GUI Sorting Algorithms Visualizer w/ File Upload & Run-Time

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Sorting Algorithm Visualizer

This is the first Javascript based step-by-step visualization software that covers more sorting algorithms than any of the past tools.

Getting Started

Prerequisites

To run this project, you need to have the following software installed on your computer:

  1. Visual Studio Code
  2. Live-Server Extension

Installation

Clone the repository to your local machine using Git. Open a terminal window and run the following command: git clone https://github.com/username/sorting-algorithm-visualization.git Replace username with your GitHub username.

Open Visual Studio Code and click on "Open Folder" in the welcome screen. Alternatively, you can go to "File" > "Open Folder" and select the folder you just cloned.

Tech-Stack

JavaScript HTML CSS

Usage

  1. Load the website
  2. Upload a file with numerical data
  3. Select a sorting algorithm (e.g. Bubble, Insertion, Quick, Heap, Bucket, Radix, Merge, Counting, etc.)
  4. The program will sort the data and display its step-by-step visualization with two colors and run-time complexity.

Contributing

If you want to contribute to this project, please follow these steps:

  1. Fork this repository
  2. Create a new branch (git checkout -b feature)
  3. Make changes and commit them (git commit -m "feat: added new feature")
  4. Push to the branch (git push origin feature)
  5. Create a pull request

License

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

About

HTML/CSS/Js GUI Sorting Algorithms Visualizer w/ File Upload & Run-Time


Languages

Language:JavaScript 100.0%