Skip to content

A dynamic visualization tool for sorting algorithms with fluorescent rainbow effects

License

Notifications You must be signed in to change notification settings

The-Research-Scientist-Pod/sorting-visualizer

Repository files navigation

🎨 Sorting Algorithm Visualizer

A dynamic and interactive tool for visualizing the inner workings of various sorting algorithms, built with Vite + React. Watch algorithms come to life with real-time animations and intuitive controls!


✨ Features

  • 🌀 Multiple Sorting Algorithms: Visualize Bubble Sort, Quick Sort, Merge Sort, and more.
  • 🎥 Real-Time Visualization: Step-by-step sorting process displayed live.
  • Adjustable Speed and Array Size: Control the pace and difficulty of the visualizer.
  • 🧩 Parallel Row Sorting: Experience simultaneous sorting for added fun!
  • 🌈 Rainbow Color Visualization: A vibrant and colorful experience.

🚀 Getting Started

Follow these steps to set up and explore the Sorting Algorithm Visualizer:

📋 Prerequisites

Ensure you have the following installed:

  • Node.js (v14 or higher) 🌟
  • npm or yarn (Package manager of your choice) 📦

🛠 Installation

  1. Clone the Repository

    git clone https://github.com/The-Research-Scientist-Pod/sorting-visualizer.git
    cd sorting-visualizer
  2. Install Dependencies

    npm install
  3. Start the Development Server

    npm run dev

    The application will open in your default browser, typically at http://localhost:5173.


📂 Project Structure

  • src/components/: Reusable React components
  • src/algorithms/: Sorting algorithm implementations
  • src/utils/: Helper functions for arrays, colors, and more

📜 Available Scripts

  • npm run dev: Start the development server 🚀
  • npm run build: Build the project for production 🏗
  • npm run preview: Preview the production build locally 🔍
  • npm test: Run the test suite ✅

📖 Learn More About Sorting Algorithms

Dive deeper into sorting algorithms like Quick Sort, Merge Sort, and others by visiting our documentation at The Research Scientist Pod 🌐. Explore algorithm explanations, performance comparisons, and pseudocode to boost your understanding and coding skills.

By integrating knowledge from our Sorting Algorithms Documentation, you’ll master both the theory and practice of sorting! 💡


🤝 Contributing

We welcome contributions from the community! To get started:

  1. Fork the Repository
  2. Create Your Feature Branch
    git checkout -b feature/AmazingFeature
  3. Commit Your Changes
    git commit -m 'Add some AmazingFeature'
  4. Push to the Branch
    git push origin feature/AmazingFeature
  5. Open a Pull Request 🛠

📜 License

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


Feel free to suggest further improvements or share your thoughts. Let’s make sorting visual and fun! 🚀🌟