React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

Sorting Visualizer

This is a Sorting Visualizer web application built with React, Tailwind CSS, and Recoil. The app visualizes several common sorting algorithms such as Bubble Sort, Merge Sort, Quick Sort, and Insertion Sort. It provides an interactive experience to help users understand how different sorting algorithms work by showing step-by-step animations.

Features

• Visualize multiple sorting algorithms.
• Adjust the speed and size of the array being sorted.
• Interactive interface to control the sorting process.
• Display bars with height proportional to the values being sorted.
• Supports algorithms like:
  • Bubble Sort
  • Quick Sort
  • Merge Sort
  • Insertion Sort

Technologies Used

• React: The core JavaScript library used for building the UI components.
• Tailwind CSS: A utility-first CSS framework for styling the components.
• Recoil: A state management library to handle the application's state.
• Vite: A fast build tool for modern web development.

##Check it here https://sorting-visualizer-ashy-theta.vercel.app/

Installation

Clone the Repository

First, clone the repository to your local machine:

git clone https://github.com/nktanwar/Sorting-Visvalizer.git
cd Sorting-Visvalizer
npm install
npm run dev