https://github.com/triptigithub/sorting-visualiser
An interactive Sorting Algorithm Visualizer built with React.js to help students understand sorting techniques like Bubble Sort and Merge Sort in an intuitive way.
https://github.com/triptigithub/sorting-visualiser
css html javascript reactjs sorting sorting-algorithms sorting-visualization
Last synced: 3 months ago
JSON representation
An interactive Sorting Algorithm Visualizer built with React.js to help students understand sorting techniques like Bubble Sort and Merge Sort in an intuitive way.
- Host: GitHub
- URL: https://github.com/triptigithub/sorting-visualiser
- Owner: Triptigithub
- Created: 2025-03-18T05:43:11.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-03-18T05:46:27.000Z (3 months ago)
- Last Synced: 2025-03-18T06:33:03.716Z (3 months ago)
- Topics: css, html, javascript, reactjs, sorting, sorting-algorithms, sorting-visualization
- Language: JavaScript
- Homepage:
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sorting Visualizer 🎨📊
An interactive **Sorting Algorithm Visualizer** built with **React.js** to help students understand sorting techniques like **Bubble Sort** and **Merge Sort** in an intuitive way.
## ✨ Features
✔ **Real-time Sorting Animations** – Visualize how sorting algorithms work step by step.
✔ **Adjustable Sorting Speed** – Customize speed to match your learning pace.
✔ **Reusable Components** – Built as a **Single-Page Application (SPA)** with modular, maintainable code.
✔ **Smooth Transitions & Animations** – Enhances engagement and understanding.
## 🔧 Tech Stack
- **Frontend:** React.js, CSS animations
- **Deployment:** Netlify
- **State Management:** React Hooks