Skip to content

AlgoScope: An interactive and visually engaging algorithm visualizer

Notifications You must be signed in to change notification settings

KingRain/AlgoScope

Repository files navigation

AlgoScope

AlgoScope is an interactive algorithm visualizer that brings sorting algorithms to life. It provides a visual representation of popular sorting techniques, making it easier to understand how they work step-by-step. Whether you're a student, a developer, or just curious about algorithms, AlgoScope is designed to be an engaging educational tool.

🚀 Features

  • Visualize Sorting Algorithms: Step-by-step animations of sorting techniques.
  • Supported Algorithms:
    • Bubble Sort
    • Selection Sort
    • Insertion Sort
    • Quick Sort
    • Merge Sort
  • Responsive Design: Optimized for all devices using Tailwind CSS.
  • Dynamic Array Generation: Create and sort arrays of random values with ease.
  • Customizable Speed: Adjust the sorting speed for better understanding.

🖼️ Screenshots

image


🛠️ Technologies Used

  • Frontend: React.js
  • Styling: Tailwind CSS
  • State Management: React Hooks

📦 Installation

Follow these steps to run the project locally:

  1. Clone this repository:

    git clone https://github.com/KingRain/algoscope.git
    cd algoscope
    npm install
    npm run dev

About

AlgoScope: An interactive and visually engaging algorithm visualizer

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published