Algorithm Visualizer is a project that would help us to visualize and understand the sorting algorithms. This project consists of a very simple user interface, which allows users to select the sort algorithm. This is a algorithm visualizer which is made with the purpose to help understand the steps of different algorithms.
- HTML
- CSS
- Javascript
- Bubble Sort
- Insertion Sort
- Merge Sort
- Selection Sort
-
Star this repository.
-
Fork this repository by clicking on the grey "Fork" button on the top right corner of this page.
-
Clone the forked repository. Go to your GitHub account, open the forked repository, click on the code button and then click the copy to clipboard icon.Open a terminal and run the following command:
git clone "url you just copied"
where "url you just copied" (without the quotation marks) is the url to this repository (your fork of this project).
- Change the repository directory
cd algorithm-visualizer
- Create a branch
git switch -c your-new-branch-name
- Make all the necessary changes to the project and follow the given commands.
git status
git add .
git commit -m "Add a message"
- Push the changes to github.
git push origin -u your-branch-name
-
Open a Pull request. If you go to your repository on GitHub, you'll see a "Compare & pull request" button. Click on that button. Then, click on "Create pull request" button.
-
Your changes will be reviewed and merged into the main branch if they seem correct.
-
CSS Flexbox animations like done here
-
Code input user then show working with animation
-
Fantastic UI/UX Desgining