A dynamic Single-Page Application built using React to visualize common sorting algorithms: bubble sort, insertion sort, shell sort, merge sort, and quick sort.
quickSort.recording.mp4
To provide an engaging and intuitive learning platform for users to explore and understand sorting algorithms. The app offers interactive visualizations that simplify complex concepts for enhanced comprehension, particularly to benefit visual learners, like myself. I wanted to make this project an enjoyable learning experience by incorporating gamification-like elements to make learning both fun and effective.
- Learn React by utilizing its latest features and best practices to build a scalable single-page application.
- Enhance my JavaScript skills by learning new concepts and syntax. Especially the DOM manipulation features.
- Solidify knowledge of common sorting algorithms by implementing and explaining them within the app.
If you'd like to run this app locally, or even add different algorithms, you may clone this repository following the next steps:
- clone repo
git clone https://github.com/cabaraj/Sort-Visualizer.git- move into its directory
cd Sort-Visualizer
- install dependencies
npm install
This app has been deployed using GitHub Pages and you can interact with it following this link: https://cabaraj.github.io/Sort-Visualizer/