feat: upgrade sorting visualizer to support bubble, selection, insertion, and quick sort

Author: nishtha-agarwal-211

projects_registry.json

@@ -438,16 +438,19 @@
     "path": "math/Binary-Search/Binary-Search.py"
   },
   {
-    "name": "Bubble Sort Visualizer",
+    "name": "Multi-Algorithm Sorting Visualizer",
     "emoji": "🫧",
     "category": "math",
     "difficulty": "intermediate",
-    "description": "Watch the bubble sort algorithm sort a list of numbers step-by-step.",
+    "description": "Visualize Bubble Sort, Selection Sort, Insertion Sort, and Quick Sort step-by-step.",
     "keywords": [
-      "bubble",
+      "sorting",
       "sort",
       "visualizer",
       "algorithm",
+      "selection",
+      "insertion",
+      "quick",
       "math"
     ],
     "path": "math/Bubble-Sort/Bubble-Sort.py"
@@ -684,6 +687,8 @@
       "ai"
     ],
     "path": "games/Pygame-Chess/main.py"
+  },
+  {
     "name": "2048 Game",
     "emoji": "🔢",
     "category": "games",

web-app/index.html

@@ -898,7 +898,7 @@ <h3>Legal</h3>
     <script defer src="js/projects/progress-tracker.js"></script>
     <script defer src="js/projects/number-guessing.js"></script>
     <script defer src="js/projects/binary-search.js"></script>
-    <script defer src="js/projects/bubble-sort.js"></script>
+    <script defer src="js/projects/sorting-visualizer.js"></script>
     <script defer src="js/projects/quick-sort.js"></script>
     <script defer src="js/projects/merge-sort.js"></script>
     <script defer src="js/projects/hangman.js"></script>
@@ -1104,11 +1104,11 @@ <h3>Legal</h3>
             tags: "math,algorithm",
           },
           {
-            project: "bubble-sort",
-            title: "Bubble Sort",
+            project: "sorting-visualizer",
+            title: "Sorting Visualizer",
             category: "math",
-            desc: "Visualize bubble sort algorithm",
-            tags: "math,algorithm",
+            desc: "Visualize multi-algorithm sorting (Bubble, Selection, Insertion, Quick)",
+            tags: "math,algorithm,sorting",
           },
           {
             project: "quick-sort",

web-app/js/projects.js

@@ -29,7 +29,7 @@ function getProjectHTML(projectName) {
         'reverse-hangman': () => getReverseHangmanHTML(),
         'budget-tracker': getBudgetTrackerHTML(),
         'snake-game': getSnakeGameHTML(),
-        'bubble-sort': getBubbleSortHTML(),
+        'sorting-visualizer': getSortingVisualizerHTML(),
         'quick-sort': getQuickSortHTML(),
         'fourier-series': getFourierSeriesHTML(),
         'merge-sort': getMergeSortHTML(),
@@ -1674,11 +1674,12 @@ const projectInstructions = {
       "Cuts search space in half each step"
     ]
   },
-  "bubble-sort": {
-    title: "🔄 How Bubble Sort Works",
+  "sorting-visualizer": {
+    title: "📊 How Sorting Visualizer Works",
     steps: [
-      "Enter an array of numbers",
-      "Watch the sorting visualization"
+     "Select your preferred sorting algorithm",
+     "Adjust array size and visualization speed",
+     "Watch comparing, swapping, and sorted states in real-time"
     ]
   },
   "quick-sort": {
@@ -3030,7 +3031,7 @@ function initializeProject(projectName) {
     "emoji-memory": "initEmojiMemoryGame",
     fibonacci: "initFibonacci",
     "binary-search": "initBinarySearch",
-    "bubble-sort": "initBubbleSort",
+    "sorting-visualizer": "initSortingVisualizer",
     "quick-sort": "initQuickSort",
     "merge-sort": "initMergeSort",
     "progression-recognizer": "initProgressionRecognizer",