# Sorting Algorithm Visualizer A dynamic, interactive sorting algorithm visualizer with AI-powered explanations and youtube-guided tutorials. ## Features - **Interactive Visualization**: Watch sorting algorithms in action with step-by-step animations. - **Multiple Algorithms**: Includes Bubble Sort, Insertion Sort, Selection Sort, and Quick Sort. - **Educational Content**: Each algorithm comes with a brief explanation and a YouTube tutorial. - **Customizable Input**: Enter your own set of numbers to sort. - **Dark Mode**: Toggle between light and dark themes for comfortable viewing. - **Responsive Design**: Works seamlessly on desktop and mobile devices. ## Technologies Used - React - Next.js - TypeScript - Tailwind CSS - Lucide React (for icons) ## Getting Started 1. Clone the repository: git clone [https://github.com/YashBhardwaj123/Sortify.git] 2. Install dependencies: cd Sortify npm install 3. Run the development server: Open [http://localhost:3000](http://localhost:3000) in your browser to see the result. ## How to Use 1. Enter a list of numbers separated by commas in the input field. 2. Select a sorting algorithm from the dropdown menu. 3. Click the "Sort" button to start the visualization. 4. Use the "Reset Array" button to return to the original unsorted state. 5. Toggle dark mode using the button in the top right corner. ## Contributing Contributions are welcome! Please feel free to submit a Pull Request. ## License This project is open source and available under the [MIT License](LICENSE). ## Future Enhancements - Add more sorting algorithms (e.g., Merge Sort, Heap Sort) - Implement AI-powered explanations for each step of the sorting process - Add voice commands for hands-free operation - Allow comparison between multiple sorting algorithms simultaneously ## Contact If you have any questions or feedback, please open an issue or contact [yashbhardwaj2403@example.com](mailto:yashbhardwaj2403@example.com).