- VS Code Software
- Git
- Github
- Google Chrome Browser
- HTML
- CSS
- Markdown
- Bootstrap
- JavaScript
- jQuery
This web application was created to help users visualize the various differences between common sorting algortithms. Users can adjust the size of the array, the speed the algorithm sorts the array, and the particular algorithm they would like to visualize. Each visualization is designed to help users understand the differences between bubble sort, selection sort, insertion sort, quick sort, and merge sort. After the visualization is complete, users can select a new sorting algorithm, generate a new array, or read a small description outlining the current sorting algorithm.
Cloning
- In order to utilize this page on your local machine, you will need to clone a copy of this repository using the "$ git clone {url}" command in your coding terminal.
- Navigate to your desired directory in your command terminal and run "$ git clone LINK"
- Should you wish to edit the code you cloned, you will need coding software. VS Code is an example of a free code editor, which can be downloaded at https://code.visualstudio.com/.
- Once your coding software is installed, open the folder of the cloned repository, which will contain the HTML files, the bootstrap.css framework, any images, audio, as well separate individual stylesheets for each HTML file.
- To view the finished site locally, simply navigate to the folder/directory which you cloned the project, and open the index.html file in your browser.
Downloading
- In your browser, navigate to LINK, and click the green "Code" button, which will provide a drop down menu. Click on "Download ZIP" at the bottom of the menu, and save it to your desired location.
- Once downloaded, unzip and extract the files.
- Follow the steps above to view, edit, and open the files as needed.
Build the Environment and Run the Project
- You will need to run the command "npm install" in your terminal to download the appropriate node modules.
- You will then need to build the project using the command "npm run build".
- Once built, you can open dist/index.html in your browser.
- To run a server view of the project, you can type the command "npm start" to witness and inspect any changes you wish to make in real time.
- No known bugs
This project is licensed under the MIT License. Copyright (C) 2022 Ryan Spencer. All Rights Reserved.
MIT License
Copyright (c) 2022 Ryan Spencer.
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
documentation files (the "Software"), to deal in the Software without restriction, including without
limitation the rights to use, copy, modify, merge, publish, distribute, sublicense,
and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so
subject to the following conditions:
The above copyright notice and this permission notice shall be included
in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE
AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.