/sorting-algorithm-visualizer

React Web app to visualize algorithms. Implemented Bubble Sort, Merge Sort, Selection Sort, and Insertion Sort. A table on the side to compare the complexity of all algorithms.

Primary LanguageJavaScript

Sorting Algorithm Visualizer

Created by: Saad Mahboob Try it out: https://smahboob.github.io/sorting-algorithm-visualizer/

User Stories

The following Sorting Algorithms are complete:

  • Bubble Sort
  • Selection Sort
  • Insertion Sort
  • Merge Sort

Features:

  • Animation of the sorting algorithms.
  • Time Complexity (Big O Notation) table for each algorithm implemented.
  • Generate new random arrays.

Video Walkthrough

Here's a walkthrough of implemented user interface:

Video Walkthrough

GIF created with RecordIt

Available Scripts

This project was bootstrapped with Create React App. In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

License

Copyright [2020] [Saad Mahboob]

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.