This web app is meant to simulate two type of sorting algorithm, that is bubble sort and merge sort. This project was already deployed here.
This is every applications that mainly used to use and develop this project
- Node.js, I personally used v10.16.0
- Browser, such as (and recommended too) latest edition of Chrome or Firefox.
- IDE or text editor to develop the application, such as Visual Studio Code and Atom.
This is library and buildpack that I used for making and deploying (in Heroku) this project
- React.js, as Frontend Framework
- heroku-cra-node, as buildpack/helper to deploy to Heroku
-
Open your terminal
-
Navigate to view folder
-
If you haven't installed the module yet (this step only for first execution/one-time setup), execute this script
npm build
-
Execute this script
npm start
-
Open the link in localhost with the specified port (the default port is 3000)
-
Type the number that you want to sort, but you must remember this
- The number must in range 1 and 999, inclusive.
- The numbers you input at most 10 numbers, and of course it is must be greater than zero.
with each number separated by ; .
-
Choose the sorting method, bubble or merge.
-
Input the animation delay (in milisecond(s)), and also remember that the number must be greater that zero.
-
Click Simulate! button.
-
Watch the animation and explanation below the option form.
-
If you wath to change or rewatch the animation (you could interrupt the sorting process, too), repeat the step from 1 until 4.