AlgoVisualiser

Overview

AlgoVisualiser is an interactive web application that visualizes various algorithms. It provides a user-friendly interface to understand how algorithms work step-by-step. This tool is ideal for students, educators, and professionals who want to learn or teach algorithms in a visual and engaging manner.

Live Demo

Check out the live demo of AlgoVisualiser here.

Features

• Visualize sorting algorithms like Bubble Sort, Merge Sort, Quick Sort, etc.
• Visualize pathfinding algorithms like Dijkstra's Algorithm, A*, etc. (coming soon...)
• Interactive controls to step through each algorithm.
• Customizable settings to adjust algorithm parameters.
• Easy integration of new algorithms.

Screenshots

Installation

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/rishav-goswami/AlgoVisualiser.git
   cd AlgoVisualiser

2. Install dependencies:

   npm install

3. Start the development server:

   npm start

4. Open your browser and navigate to http://localhost:3000

Usage

1. Select the algorithm you want to visualize from the dropdown menu.
2. Customize the algorithm parameters if available.
3. Click the "Start" button to begin the visualization.
4. Use the controls to step through the algorithm or adjust the speed of the visualization.

Adding Your Own Algorithm

To add a new algorithm to the visualizer, follow these steps:

1. Create a new file for your algorithm in the src/algorithms directory.
2. Implement the algorithm with the visualization steps. Ensure your implementation follows the structure of existing algorithms.
3. Update the algorithm list in the src/components/AlgorithmSelector.js to include your new algorithm.
4. Test your algorithm thoroughly to ensure it works correctly with the visualization controls.

Contributing

Contributions are welcome! Please follow these steps to contribute:

1. Fork the repository.
2. Create a new branch for your feature or bugfix.

   git checkout -b feature-name

3. Make your changes.
4. Commit your changes.

   git commit -m "Description of your changes"

5. Push to your branch.

   git push origin feature-name

6. Create a pull request.

License

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

Contact

For any questions or suggestions, feel free to reach out to me at rishav@example.com.

---

Thank you for using AlgoVisualiser! If you find this project useful, please consider giving it a star ⭐ on GitHub.