Sorting Algorithm Visualizer – A React-Based Interactive Tool

Hey devs! 👋

I've built a React-based sorting algorithm visualizer to make learning sorting algorithms more interactive and engaging. I'd love to get your feedback and contributions! 🚀

🔗 Live Demo: Sorting Visualizer

🔗 GitHub Repo: GitHub Link

🌟 Features

✅ Supports multiple sorting algorithms (Bubble Sort, Selection Sort, etc.)

✅ Dynamic animations to illustrate how sorting works

✅ Adjustable speed and array size for better visualization

✅ Interactive UI for an engaging experience

💡 Why I Built This

Sorting algorithms are fundamental in computer science, but understanding their step-by-step execution can be tricky. This project aims to make them more visual and easy to grasp, especially for beginners.

🚀 How It Works

  • Select an algorithm
  • Adjust speed and array size
  • Watch the sorting process in action with real-time animations

🛠️ Tech Stack

  • Frontend: React, JavaScript, CSS
  • State Management: useState, useEffect
  • Deployment: Vercel

❗ Issue: Merge Sort Visualization

I’m currently facing an issue with Merge Sort visualization. The algorithm is implemented, but the animation doesn't seem to work as expected. If anyone has experience handling recursive sorting visualizations in React, your insights would be really helpful! 🙌

🔍 Feedback & Contributions

I’d love to hear your thoughts!

  • Performance: How smooth is the animation on different devices?
  • Usability: Is the UI intuitive enough?
  • Improvements: Any features you'd like to see added?

👉 Want to Contribute?

Check out the GitHub repo and feel free to submit issues or pull requests!

Thanks for checking it out! 🚀 Looking forward to your feedback.