AlgoViz is a Progressive Web App (PWA) developed with ReactJS to visualize various classic sorting algorithms. The tool provides real-time, interactive animations that help users better understand how these algorithms function across multiple platforms.
- Interactive animations: Users can see how sorting algorithms like Bubble Sort, Merge Sort, Quick Sort, and others work step by step.
- Cross-platform compatibility: Being a PWA, AlgoViz works seamlessly on desktop and mobile platforms.
- User control: Users can control the speed of animations, shuffle the data, and select different array sizes.
- Educational tool: Designed to help users understand sorting algorithms in an intuitive, visual manner.
- ReactJS: For building the user interface and handling state.
- CSS: For styling and responsive design.
- Node.js (v12+)
- npm or yarn
- Clone the repository:
git clone https://github.com/tpstark137/AlgoViz.git
- Navigate to the project directory:
cd AlgoViz
- Install dependencies:
or if using yarn:
npm install
yarn install
- Run the development server:
or with yarn:
npm run dev
yarn start
- Open your browser and navigate to
http://localhost:3000
to view the application.
- Select a sorting algorithm from the dropdown menu.
- Adjust the array size and animation speed using the available controls.
- Press "Sort" to begin the visualization and watch the algorithm work in real-time.
- Use "Reset" to randomize the array again for a new sorting session.
- Bubble Sort
- Heap Sort
- Insertion Sort
- Merge Sort
- Quick Sort
- Selection Sort
- Adding more algorithms such as Radix Sort, Counting Sort, etc.
- Improving the UI/UX with additional themes.
- Introducing detailed explanations for each step in the algorithms.
- Adding support for custom user input arrays.
This project is licensed under the MIT License - see the LICENSE file for details.
Contributions are welcome! Please submit a pull request or open an issue if you have suggestions or want to help improve the project.
For any queries or issues, reach out at:
- GitHub: tpstark137