/Algorithm-Visualizeer

To visualize algorithms for a better understanding. https://vizalgo.netlify.app/index.html

Primary LanguageJavaScriptMIT LicenseMIT

Algorithm-Visualizer

A web application, that lets you play with complex algorithms. User's gets to visualize working of algorithms, at different speeds, and different setups.


Algorithms Supported

  • Graph Algorihtms
    • Dijkstra's path finding algorihtm.
    • A-Star path finding algorihtm.
    • Breadth First Search (BFS) traversal algorihtm.
    • Depth First Search (DFS) traversal algorithm.
  • Sorting Algorihtms
    • Bubble Sort
    • Selection Sort
    • Insertion Sort
    • Quick Sort
    • Merge Sort
    • Heap Sort

Getting Started

Click here to get directed to the hosted page.

GitHub Repository Structure

S.No. Branch Name Purpose
1. master contains the main code
2. beta contains all development code

Technology Stack Used

  • FrontEnd Design: HTML & CSS
  • Algorithms and animations: JavaScript
  • Server hosting: NodeJS
  • Web hosting: Netlify

Project Setup

  • Fork and clone the Repo by typing the following commands in the terminal
$ git clone https://github.com/your-username/Algorithm-Visualizer.git
$ cd Algorithm Viusalizer
  • Change Branch using:
$ git checkout beta
  • To open the site you can either use Live Server of VS-Code or similar tools, or you need to install Node.js

    To open site on Localhost: - Install node dependencies using:
    $ npm install
    
    • To start the server, type:
    $ node server
    
  • Make changes to the code and save your changes

  • Commit your changes using:

$ git commit -m "add any comment"
  • Push the changes to the forked repository
  • Navigate to the original repository and make a pull request

Made with Love ❤️️ & Passion 🙏.

Like the project?? Give us a star ⭐. Have a nice day!