AlgoMonster is an interactive AlgoMonster designed to help users understand various algorithms through visual representations. The application allows users to visualize sorting and searching algorithms with real-time updates, making it easier to grasp complex concepts.
- Algorithm Visualization: Visualize popular algorithms such as sorting (Bubble Sort, Quick Sort, Merge Sort, etc.) and searching (Linear Search, Binary Search, etc.).
- Interactive Controls: Start, stop, and generate new arrays for visualizing algorithms.
- Complexity Analysis: Display time and space complexity for each algorithm.
- Responsive Design: Works seamlessly on desktop and mobile devices.
- Frontend: React.js, Redux, Tailwind CSS
- Visualization: Dynamic rendering with P5.js
- Code Highlighting: Prism.js for syntax highlighting of algorithm code snippets
To run the project locally, follow these steps:
-
Clone the repository: git clone https://github.com/Priyanshuthapliyal2005/AlgoMonster.git
-
Navigate to the project directory: cd AlgoMonster
-
Install the dependencies: npm install
-
Start the development server: npm run dev
-
Open your browser and go to http://localhost:3000.
- Select an algorithm from the sidebar.
- Generate a new random array to visualize.
- Control the speed of the visualization using the speed slider.
- Click "Start" to begin the algorithm visualization.
Contributions are welcome! If you have suggestions or improvements, feel free to create a pull request or open an issue.
This project is licensed under the MIT License. See the LICENSE file for details.
- Inspired by various AlgoMonsters available online.
- Special thanks to the open-source community for their contributions.
Priyanshu Thapliyal