IntAlgo - Interactive Graph Algorithm Visualizer

IntAlgo is an interactive graph algorithm visualizer website developed by Prof. Ranveer Singh at the Indian Institute of Technology, Indore. The project aims to provide a user-friendly platform to visualize Depth-First Search (DFS) and Breadth-First Search (BFS) algorithms in action, along with the ability to manipulate a customized graph by adding, updating, and deleting nodes and edges.

Website Link

(https://int-algo.vercel.app/)

Technologies Used

• React JS: A popular JavaScript library for building user interfaces, providing a smooth and responsive user experience.
• VisJS: A dynamic visualization library for creating interactive network graphs, ideal for illustrating graph algorithms.
• TailwindCSS: A utility-first CSS framework that allows for rapid and flexible UI development, ensuring a visually appealing design.

Features

1. Algorithm Visualizations: IntAlgo allows users to visualize both DFS and BFS algorithms on custom graphs. The algorithm visualizations provide step-by-step animations to help users understand the traversal process.

2. Custom Graph Operations: Users can perform various operations on the graph, such as:

   • Adding Nodes: Add new nodes to the graph with custom labels.
   • Updating Nodes: Modify the labels of existing nodes for better identification.
   • Deleting Nodes: Remove unwanted nodes from the graph.
   • Adding Edges: Create edges between nodes to establish connections.
   • Deleting Edges: Remove edges to restructure the graph.

3. Intuitive User Interface: The website boasts an intuitive and user-friendly interface, making it easy for users to interact with the graph and the visualization controls.

How to Use

1. Clone the Repository

2. Install Dependencies:

   npm install
   

3. Run the Development Server:

   npm start
   

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

Deployment

IntAlgo is currently hosted on Vercel, ensuring high availability and quick access for users. Any changes pushed to the main branch of the GitHub repository automatically trigger a new deployment to the live website.

Contribution Guidelines

Contributions to IntAlgo are welcome! If you find any bugs, want to add new features, or improve existing ones, please open an issue or submit a pull request on the GitHub repository.

Acknowledgments

Special thanks to the contributors and supporters of this project who helped make IntAlgo a reality.

Contact Information

For any inquiries or support, you can reach out to Samip Shah at cse210001061@iiti.ac.in.