Skip to content

Asmit13/Sorting-Visualizer-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sorting Visualizer App

The Sorting Visualizer App is an interactive web application designed to help users understand and visualize various sorting algorithms.
By providing a graphical representation of sorting processes, the app makes it easier to grasp how different algorithms operate and compare their efficiencies.

Screenshot 2568-03-24 at 2 57 56 PM

Live Demo

Experience the application firsthand by visiting the live demo: Sorting Visualizer App

Features

  • Multiple Sorting Algorithms: Visualize popular sorting algorithms such as Bubble Sort, Selection Sort, Insertion Sort, Merge Sort, and Quick Sort.
  • Customizable Array Size and Speed: Adjust the size of the array and the speed of the visualization to suit your learning pace.
  • Step-by-Step Visualization: Observe each step of the sorting process to understand the inner workings of the algorithms.
  • Responsive Design: Enjoy a seamless experience across various devices, thanks to the app's responsive design.

Technologies Used

  • React: The app is built using Create React App, providing a robust foundation for developing scalable web applications.
  • Tailwind CSS: Styling is managed with Tailwind CSS, enabling a utility-first approach to design.

Getting Started

To run the project locally, follow these steps:

1. Clone the Repository

git clone https://github.com/Asmit13/Sorting-Visualizer-App.git

2. Navigate to the Project Directory

cd Sorting-Visualizer-App

3. Install Dependencies

npm install

4. Start the Development Server

npm start

Open http://localhost:3000 in your browser to view the app.
The page will reload when you make changes, and you may also see any lint errors in the console.

Available Scripts

In the project directory, you can run:

  • npm start
    Runs the app in development mode. Open http://localhost:3000 to view it in your browser.

  • npm test
    Launches the test runner in interactive watch mode. See the section about running tests for more information.

  • npm run build
    Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.
    The build is minified, and the filenames include the hashes. Your app is ready to be deployed! See the section about deployment for more information.

Contributing

Contributions are welcome! If you have suggestions for improvements or new features, feel free to fork the repository and submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for more details.

Acknowledgments

Special thanks to the open-source community for providing valuable resources and tools that made this project possible.


Happy coding and happy sorting! 🚀