Sorting Visualizer is a web application that visualizes various sorting algorithms. It helps users understand how different sorting algorithms work by providing a visual representation of the sorting process.
- Visualize multiple sorting algorithms:
- Bubble Sort
- Selection Sort
- Insertion Sort
- Merge Sort
- Quick Sort
- Adjustable array size and sorting speed
- Step-by-step visualization of the sorting process
- Responsive design for different screen sizes
- React.js for the frontend
- Tailwind CSS for styling
- React Syntax Highlighter for code highlighting
- React Icons for icons
- Clone the repository:
git clone https://github.com/yourusername/sorting-visualizer.git
- Navigate to the project directory :
cd sorting-visualizer - Install the dependencies
npm install
- Start the development server :
npm run dev
- Open your web browser and navigate to http://localhost:5173.
- Select a sorting algorithm from the dropdown menu.
- Adjust the array size and sorting speed using the sliders.
- Click the "Generate New Array" button to create a new array.
- Click the "Start Sorting" button to visualize the sorting process.
- Watch the sorting algorithm in action!
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Please follow these steps to contribute:
- Fork the repository.
- Create a new branch :
git checkout -b feature/branch-name
- Make changes and commit them :
git add . git commit -m "your message"
- Push to the main branch :
git push origin feature/branch-name
- Create the pull request.
This project is licensed under the MIT License - see the LICENSE file for details.