Skip to content

README.md

Latest commit

 

History

History
68 lines (46 loc) · 1.66 KB

README.md

File metadata and controls

68 lines (46 loc) · 1.66 KB

Sorting Visualiser

Live Demo

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.

Features

  • 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

Tech Stack

  • TypeScript (96.9%)
  • CSS (2.2%)
  • JavaScript (0.9%)
  • Next.js
  • Tailwind CSS

Getting Started

Prerequisites

  • Node.js (v16 or higher recommended)
  • npm or yarn

Installation

git clone https://github.com/tanbiralam/Sorting-Visualiser.git
cd Sorting-Visualiser
npm install
# or
yarn install

Running Locally

npm run dev
# or
yarn dev

Visit http://localhost:3000 to view the app in your browser.

Project Structure

  • /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

Contributing

Contributions are welcome! Please open an issue or submit a pull request for improvements or bug fixes.

License

This project currently does not specify a license.

Author