/react-hooks-sorting

Sorting algorithms visualization with react 📊

Primary LanguageJavaScript

React-hooks-sorting

Sorting algorithms visualization using react

Check it out live

Insertion Sort in action

Getting Started

  1. Run npm install in the project directory.
  2. Visit http://localhost:3000/.

Dependencies

  • react
  • react-dom
  • styled-components
  • react-icons
  • react-flip-move

How to use

  1. Click on Sorting Options tab (icon with bars) to change sorting algorithm, sorting speed, count of items and animation smoothness.
  2. Click on Customize tab to be able to dynamically change UI colors in the app.
  3. Click on Contact Me if you're hiring 👨‍💻.

So far only 3 algorithms have been implemented, but I am working on adding more soon!

More Gifs

UI Customization

Customization of UI

It's responsive too!

Mobile