Sorting Visualization Website (SVW)

Sorting Visualization Website
Click to view the website.

1. Objectives 🌐

📊Sorting Visualizer Website💻 (SVW) is a responsive multi-page website for sorting visualization, using interactive web technologies (HTML, CSS, JS) to explain sorting algorithms in data structures.

🧠SVW goes beyond stunning sorting visualizations. It provides users with in-depth information about each algorithm, empowering them to not only witness the sorting process but also gain a thorough understanding of the theory behind it.📚

✨Perfect for beginners and experienced programmers alike, SVW makes sorting algorithms accessible and engaging.👨‍💻

2. Run the Program

Step 1: Access and Download the Code

🔗Download the code as a ZIP file.

Step 2: Install the Live Server Extension

1. 💻 Open Visual Studio Code.
2. 🔍 Go to the Extensions tab.
3. 🛠️ Search for "Live Server" and install the extension.

Step 3: Run the Website

1. 📂 Open the downloaded code file in Visual Studio Code.
2. ▶️ Click the "Go Live" button located in the bottom right corner of the screen.
3. 🌐 See the Sorting Visualization Website running in your browser.

3. Design Pattern 🔍

• Strategy Pattern
• Factory Pattern
• Observer Pattern

4. Algorithm📊

• Bubble Sort
• Selection Sort
• Insertion Sort

5. Details About the Project🛠️

• Detailed report: https://bit.ly/SortingVisualization_Report
• Website introduction & demo: https://youtu.be/RrdVq0gTsNE

6. Author👥

• @BrandyTr