Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/mastansayyad/visual-sort

Visual Sort is a web-based sorting algorithm visualization tool built using HTML, CSS, Bootstrap, SCSS, and JavaScript. This project provides an interactive way to visualize various sorting algorithms in action, helping users understand how different algorithms work and their efficiency in sorting data.
https://github.com/mastansayyad/visual-sort

bootstrap css hacktoberfest hacktoberfest2024 html javascript scss

Last synced: 5 days ago
JSON representation

Host: GitHub
URL: https://github.com/mastansayyad/visual-sort
Owner: MastanSayyad
License: mit
Created: 2024-05-16T18:40:56.000Z (9 months ago)
Default Branch: main
Last Pushed: 2024-10-29T20:41:28.000Z (3 months ago)
Last Synced: 2024-10-29T22:50:49.557Z (3 months ago)
Topics: bootstrap, css, hacktoberfest, hacktoberfest2024, html, javascript, scss
Language: HTML
Homepage: https://visual-sort-pink.vercel.app/
Size: 9.65 MB
Stars: 35
Watchers: 1
Forks: 30
Open Issues: 3
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE

Awesome Lists containing this project

README

### 🌟 Welcome to Visual Sort 🌟

[![GitHub stars](https://img.shields.io/github/stars/MastanSayyad/Visual-Sort?style=social)](https://github.com/MastanSayyad/Visual-Sort/stargazers) [![GitHub forks](https://img.shields.io/github/forks/MastanSayyad/Visual-Sort?style=social)](https://github.com/MastanSayyad/Visual-Sort/network/members) [![GitHub views](https://komarev.com/ghpvc/?username=MastanSayyad&repo=Visual-Sort&color=blue)](https://github.com/MastanSayyad/Visual-Sort) [![Contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://github.com/MastanSayyad/Visual-Sort/issues) [![Deployed Link](https://img.shields.io/badge/Deployed%20on-Vercel-blue?style=flat&logo=vercel)](https://visual-sort-pink.vercel.app/)

---

A web-based sorting algorithm visualization tool built using HTML, CSS, and JavaScript. This project provides an interactive way to visualize various sorting algorithms in action, helping users understand how different algorithms work and their efficiency in sorting data.

![image](https://github.com/user-attachments/assets/3c613e72-1a56-4922-a39b-9e40d73adead)

![image](https://github.com/user-attachments/assets/f6ffbeae-6a48-4e49-8b3c-a480de4eff7e)

## Project Admin ✨

_{Mastan Sayyad}

_{Radhika Malpani}

## #About Project

Visual Sort is designed to help both beginners and seasoned developers understand sorting algorithms through interactive and engaging visualizations. It supports various sorting algorithms, including but not limited to:

- Bubble Sort
- Selection Sort
- Insertion Sort
- Comb Sort
- Merge Sort
- Heap Sort
- Quick Sort
- Counting Sort
- Radix Sort

## #Technologies Used

- HTML, CSS, JavaScript.

## #Getting Started

Contributions are welcome! Feel free to open an issue or submit a pull request.
**Please Make sure you Star the repository ⭐** and Read [CONTRIBUTING.md](https://github.com/MastanSayyad/Visual-Sort/blob/main/CONTRIBUTING.md)

Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.

### #Cloning the Repository

You can clone the repository using the command line or GitHub Desktop.

#### Using the Command Line

1. Navigate to the repository: [Visual Sort](https://github.com/MastanSayyad/Visual-Sort)
2. Clone the repository:

```bash
git clone https://github.com/MastanSayyad/Visual-Sort.git
```
3. Navigate to the project directory:
```bash
cd Visual-Sort
```

#### Using GitHub Desktop
1. Download and install GitHub Desktop from desktop.github.com.
2. Open GitHub Desktop.
3. Click on "File" in the menu bar and select "Clone repository..."
4. In the "Clone a Repository" window, select the "URL" tab.
5. Paste the repository URL: https://github.com/MastanSayyad/Visual-Sort.git
6. Choose the local path where you want to clone the repository.
7. Click "Clone".

### #Running the Project Locally
1. Navigate to the project directory if you are not already there:

```bash
cd Visual-Sort
```
2. Open the `index.html` file in your browser to view the project locally.

## Additional Resources

- **GitHub Documentation:** [GitHub Docs](https://docs.github.com/)
- **Git Tutorial:** [Git Documentation](https://git-scm.com/doc)

## License
This project is licensed under the MIT License. See the [LICENSE](https://github.com/MastanSayyad/Visual-Sort/blob/main/LICENSE) file for details

Our Contributors

Thank you for contributing to our repository

Show some by starring this awesome repository!