Sorting Visualiser is an interactive web application for visualizing popular sorting algorithms. Built primarily with TypeScript and leveraging modern web technologies, this tool helps users understand how different sorting techniques operate step-by-step through engaging animations.
- Visualizes common sorting algorithms (such as Bubble Sort, Selection Sort, etc.)
- Interactive controls to adjust array size and sorting speed
- Real-time animations to demonstrate sorting logic
- Clean, responsive UI built with Tailwind CSS and Next.js
- TypeScript (96.9%)
- CSS (2.2%)
- JavaScript (0.9%)
- Next.js
- Tailwind CSS
- Node.js (v16 or higher recommended)
- npm or yarn
git clone https://github.com/tanbiralam/Sorting-Visualiser.git
cd Sorting-Visualiser
npm install
# or
yarn installnpm run dev
# or
yarn devVisit http://localhost:3000 to view the app in your browser.
- /src: Main source code for components, pages, and logic
- package.json: Project dependencies and scripts
- next.config.mjs: Next.js configuration
- tailwind.config.ts: Tailwind CSS configuration
- tsconfig.json: TypeScript configuration
- .eslintrc.json: Linting configuration
Contributions are welcome! Please open an issue or submit a pull request for improvements or bug fixes.
This project currently does not specify a license.