Coder Social home page Coder Social logo

algo's Introduction

algorithm-visualizer

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.

Issues PRs Maintenance star fork


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

Note: We're not accepting any changes in the master branch, make PRs in the beta branch only.

Slack Discussion Channel for contributors: chat on slack

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

Thank You

Made with Love ❤️️ & Passion 🙏.

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

algo's People

Contributors

vab1305 avatar

Watchers

 avatar

algo's Issues

Dynamic Source and End points

Can you make the changes where the Souce and the End point of the path finder visualiser can be moved or places by the user?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.