This is a web application built with Next.js, TypeScript, and Tailwind CSS that allows you to visualize various sorting algorithms in action.
- Bubble Sort
- Selection Sort
- Quick Sort
- Insertion Sort
- Merge Sort
- Heap Sort
- Radix Sort
- Visualize sorting algorithms in real-time.
- Adjust the speed of the visualization.
- Generate random arrays to sort.
- Select different sorting algorithms to compare their performance.
- Clone this repository.
- Install dependencies by running
npm install. - Start the development server with
npm run dev. - Open http://localhost:3000 to view the app in your browser.
- Select a sorting algorithm from the dropdown menu.
- Click the "Generate Array" button to create a random array.
- Click the "Sort" button to visualize the selected sorting algorithm.
- Use the speed slider to adjust the animation speed.
- Next.js - React framework for building server-rendered applications.
- TypeScript - A superset of JavaScript that adds static typing.
- Tailwind CSS - A utility-first CSS framework for quickly building custom designs.
Click the image to see it in action.
Contributions are welcome! If you'd like to contribute to this project, please follow these steps:
- Fork the repository.
- Create your feature branch (
git checkout -b feature/your-feature-name). - Commit your changes (
git commit -am 'Add some feature'). - Push to the branch (
git push origin feature/your-feature-name). - Open a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.