Skip to content

Developed an interactive algorithm visualizer website using React.js to create an immersive learning experience with realtime animated sorting algorithms to visualize how different types of sorting algorithms work on randomized arrays.

Notifications You must be signed in to change notification settings

vs256/algorithm-visualizer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Contributors Forks Stargazers Issues MIT License LinkedIn


Logo

Algoritm Visualizer

An awesome algorithm real time animated visualizer
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents
  1. About The Project
  2. Getting Started
  3. Usage
  4. Roadmap
  5. Contributing
  6. License
  7. Contact
  8. Acknowledgments

About The Project

product-screenshot

Created engaging learning experience with real-time animated sorting algorithms to observe how different types of sorting algorithms work on randomized arrays by designing interactive algorithm visualizer website using React.js. Visualized sorting algorithms, such as merge, quick, heap, and bubble sort using React.js and setTimeout function API provided by browsers.

  • Plans to add graph type algorithms such as Djikstra.

(back to top)

Built With

This section should list any major frameworks/libraries used to bootstrap your project. Leave any add-ons/plugins for the acknowledgements section. Here are a few examples.

- React >= v18.x
- Bootstrap
- Node v14.x

(back to top)

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

This is an example of how to list things you need to use the software and how to install them.

  • npm

    npm install npm@latest -g
  • packages

    npm install

Installation

  1. Clone the repo
    git clone https://github.com/your_username_/Project-Name.git
  2. Install NPM packages
    npm install
  3. Start Website
    npm start

(back to top)

Usage

product-screenshot

For more examples, please refer to the Documentation

(back to top)

Roadmap

  • Add Changelog
  • Add back to top links
  • Add Sorting Algorithms Visualization
  • Add graphing algorithm such as Djikstra's

See the open issues for a full list of proposed features (and known issues).

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Project Link: https://github.com/vs256/algorithm-visualizer

(back to top)

About

Developed an interactive algorithm visualizer website using React.js to create an immersive learning experience with realtime animated sorting algorithms to visualize how different types of sorting algorithms work on randomized arrays.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published