{"id":28353167,"url":"https://github.com/4702chahat/sortify","last_synced_at":"2026-06-18T16:32:04.026Z","repository":{"id":292014365,"uuid":"979551227","full_name":"4702chahat/Sortify","owner":"4702chahat","description":"Interactive web-based visualizer for various sorting algorithms like Bubble Sort, Merge Sort, Quick Sort, and more. Watch how different algorithms work step-by-step with animations and real-time comparisons.","archived":false,"fork":false,"pushed_at":"2025-05-07T17:57:00.000Z","size":10,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-24T07:50:58.597Z","etag":null,"topics":["bubble","dsa","dsa-algorithm","insertion-sort","mergesort-algorithm","quicksort","radix-sort","selection-sort","sorting-algorithms","visualization"],"latest_commit_sha":null,"homepage":"https://sortify-six.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/4702chahat.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-05-07T17:30:58.000Z","updated_at":"2025-05-07T17:51:50.000Z","dependencies_parsed_at":"2025-05-07T18:22:30.901Z","dependency_job_id":"c846d2fc-b321-4b94-9da8-c84a55802e80","html_url":"https://github.com/4702chahat/Sortify","commit_stats":null,"previous_names":["4702chahat/sortify"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/4702chahat/Sortify","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/4702chahat%2FSortify","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/4702chahat%2FSortify/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/4702chahat%2FSortify/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/4702chahat%2FSortify/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/4702chahat","download_url":"https://codeload.github.com/4702chahat/Sortify/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/4702chahat%2FSortify/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34499405,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-18T02:00:06.871Z","response_time":128,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bubble","dsa","dsa-algorithm","insertion-sort","mergesort-algorithm","quicksort","radix-sort","selection-sort","sorting-algorithms","visualization"],"created_at":"2025-05-28T00:39:51.216Z","updated_at":"2026-06-18T16:32:04.021Z","avatar_url":"https://github.com/4702chahat.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Sortify\n# Sortify — Sorting Algorithm Visualizer 🧠✨\n\n**Sortify** is a simple and interactive sorting algorithm visualizer built using vanilla JavaScript and Tailwind CSS. It demonstrates how various sorting algorithms work through animated bar graphs and allows users to control the speed of visualization.\n\n---\n\n## 🔍 Features\n\n- **Array Generation**\n  - Creates a random array of bars with varying heights.\n  - Dynamically updates the visualization container.\n  \n- **Supported Algorithms**\n  - 🫧 Bubble Sort\n  - 🔍 Selection Sort\n  - 🧩 Insertion Sort\n  - 🔀 Merge Sort\n  - ⚡ Quick Sort\n  - 🧮 Radix Sort\n\n- **Visualization Controls**\n  - Adjustable speed using a slider.\n  - Color-coded steps:\n    - 🔵 Default: Unsorted\n    - 🔴 Comparison\n    - 🟡 Pivot / Minimum / Key\n    - 🟢 Sorted position\n\n- **Lightweight \u0026 Fast**\n  - No frameworks – built with pure JavaScript.\n  - Tailwind CSS for responsive and modern UI.\n  \n---\n\n## 🛠️ Built With\n\n- **JavaScript (ES6+)**\n- **Tailwind CSS**\n- **HTML5**\n\n---\n\n## 🚀 Getting Started\n\n### 🔧 Installation\n\n1. **Clone the repository**\n   ```bash\n   git clone https://github.com/4702chahat/Sortify.git\n   cd Sortify\n\n\n2. **Open index.html directly in a browser**\n    No build tools or installation needed!\n---\n📚 How It Works\nA random array of values is generated and represented as vertical bars.\n\nEach algorithm animates step-by-step actions like comparison, swap, and placement.\n\nThe sleep() function introduces delays based on the selected speed to slow down animations.\n\nDOM manipulation updates bar heights and colors in real-time to reflect algorithm progress.\n\n---\n🧪 Algorithms Explained\nEach sorting function uses:\n\nsleep(ms): for animation timing\n\nDOM-based updates: using .style.height and classList.replace() to change appearance\n\nIn-place array mutation for performance and accurate visual feedback\n\n---\n🤝 Contributing\nFeel free to fork this project and add more sorting algorithms, enhance UI, or integrate new features like:\n\nTime and space complexity display\n\nSorting audio feedback\n\nDark mode support\n\n---\n📄 License\nThis project is licensed under the MIT License.\n\n---\nDeveloped with ❤️ to make learning sorting algorithms fun and visual.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F4702chahat%2Fsortify","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F4702chahat%2Fsortify","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F4702chahat%2Fsortify/lists"}