A website written in React that provides graphic representations of various sorting algorithms.
Live Demo - https://furs1da.github.io/Sorting-Algos-Visualizer/
- About the Project
- List of Sorting Algorithms
- How to Run the Project
- Demostration
- Learned Things
- License
This project is a sorting algorithms visualizer website that allows users to see how different sorting algorithms work on an array of numbers. It provides visual and interactive representations of the sorting process, making it easy for users to understand and compare the algorithms' behavior.
After visiting the live demo, users can interact with the website to select and visualize different sorting algorithms. The controls on the website allow users to generate a new array of numbers, adjust the speed of the visualization, and start or pause the sorting process.
-
Loading Screen
-
Main Page, checking controls
During the development of this project, I have learned or enhanced my knowledge on the following topics:
- Sorting algorithms
- Using async/await
- Using recursive functions
- Using React Hooks
- Using global context in a React App
- Using Lotties (animated files)
- Using React UI instruments
- How objects and functions are stored in the memory in React
- Difference between shallow and deep copy in JavaScript
- Deploying React Application to Github Pages
By working on this project, I have gained a deeper understanding of how sorting algorithms work and how to implement them in a visually appealing way. Additionally, I have become more familiar with various React concepts and libraries, which has improved my overall React development skills.
This project is licensed under the MIT License. For more information, please refer to the LICENSE file in the repository.