• 

  output image

SortSavvy

An interactive tool to visualize and understand sorting algorithms step by step.

SortSavvy

An interactive tool to visualize and understand sorting algorithms step by step.

🚀 Inspiration

• Sorting algorithms can be hard to grasp by just reading code.
• Visualizing them makes learning easier and more engaging.

🛠️ How I Built It

• Built using React and TypeScript.
• Implemented algorithms like Bubble Sort, Quick Sort, and Merge Sort.
• Added animations to show how elements move during sorting.
• Included code tracing to follow the logic step by step.

💡 What I Learned

• Improved skills in React and TypeScript.
• Learned to create smooth animations for better user experience.
• Understood the importance of interactive educational tools.

🚧 Challenges Faced

• Making animations smooth and accurate.
• Ensuring code tracing matched the visual steps.
• Balancing simplicity with functionality in the UI design.

🔗 Project Links

• Live Demo: https://sort-savvy.vercel.app/
• GitHub Repository:https://github.com/yash-8923/sort-savvy

This project was developed for the AmpliCode Hackathon 2025 to help learners grasp sorting algorithms through visual and interactive means.

Feel free to explore and see sorting in action!

Built With

• react
• typescript
• vite