diff --git a/README.md b/README.md index 2d5011530e79b1a3d21c6ccc4ef71d302e3d8d57..3665a849a0cab26b4b109c9e493549d5a5e0ec2c 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,9 @@ -# Sorting Visualizer +# Sorting Visualizer Sorting Visualizer demonstrates how Bubble Sort works through an interactive graphical interface. ---- - - - - [Check it out](https://sorting-visualizer-stdarunte-0b3511e20a59a622aed5caf7134ac4faf2.h-da.io/) + +--- + + diff --git a/screenshots/sorted.png b/screenshots/sorted.png new file mode 100644 index 0000000000000000000000000000000000000000..7ea4abf4bf5dc49e732ae8bfd23f930117045fe0 Binary files /dev/null and b/screenshots/sorted.png differ diff --git a/screenshots/unsorted.png b/screenshots/unsorted.png new file mode 100644 index 0000000000000000000000000000000000000000..6d69c000aecd902682b0ae8911e72719abee95e9 Binary files /dev/null and b/screenshots/unsorted.png differ diff --git a/src/SortingVisualizer.jsx b/src/SortingVisualizer.jsx index 2d4b98d8de4fa125c6f04bdd012f4eb526fc37b6..4f951911cf76d16b6a9f1ad0e5dede0a87bc2ed5 100644 --- a/src/SortingVisualizer.jsx +++ b/src/SortingVisualizer.jsx @@ -103,7 +103,7 @@ function SortingVisualizer() { }} defaultValue={BarNumber} value={BarNumber} style={{width: '50px', margin: '10px'}}/> <div style={{background: 'gray', height: '85%', width: '2px'}}></div> - <div className="SpeedLabel">Sorting-Speed: </div> + <div className="SpeedLabel">Sorting-Speed:</div> <button className="Button" disabled={sorting} style={{background: `${sortSpeed == 100 ? 'green' : ''}`}} onClick={() => setSortSpeed('100')}>Slow diff --git a/src/main.jsx b/src/main.jsx index 950305dd129e558819584f4a5ce859b8031ab26c..f6f78d40e75b2dcda1ca3348f56be48b874a90c8 100644 --- a/src/main.jsx +++ b/src/main.jsx @@ -1,10 +1,10 @@ -import { StrictMode } from 'react' -import { createRoot } from 'react-dom/client' +import {StrictMode} from 'react' +import {createRoot} from 'react-dom/client' import SortingVisualizer from './SortingVisualizer.jsx' createRoot(document.getElementById('root')).render( - <StrictMode> - <SortingVisualizer /> - </StrictMode>, -) + <StrictMode> + <SortingVisualizer/> + </StrictMode>, +) \ No newline at end of file