Sorting Visualizer is an interactive web application built with TypeScript, React, and Tailwind CSS. This project visually demonstrates various sorting algorithms, allowing users to select different algorithms and observe the sorting process in action.
- TypeScript: A typed superset of JavaScript that compiles to plain JavaScript, enhancing code quality and maintainability.
- React: A JavaScript library for building user interfaces.
- Tailwind CSS: A utility-first CSS framework for rapid UI development.
- JavaScript: Used for dynamic web content.
- HTML: The standard markup language for creating web pages.
- Visual representation of various sorting algorithms.
- Interactive controls to select different sorting algorithms.
- Real-time updates showing the sorting process.
- Responsive design optimized for both desktop and mobile devices.
To run this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/Codinewbie/sorting-visualizer.git
- Navigate to the project directory:
cd sorting-visualizer
- Install the dependencies:
npm install
- Start the development server:
npm start
- Open your browser and go to http://localhost:3000.