Interative Data Sorting Animation

This repository is created to make the learning of data sorting algorithm fun and interactive. Currently, the presentation only consists of a few more commonly known data sorting algorithms but can easily extend it for others. It is built with Vue.js and quasar framework for the UI.

Demo

Play with the Demo Page.

Main Features

• Set new data array
• Scroll on graph to go to next step
• Animate single or graphs (vertically, horizontally or all)
• Togglable controller, steps counting value, and data value

Planning

• to show the pseudocode algorithm
• to be able to enlarge a single sorting algorithm

---

Setting Up

Install the dependencies

yarn

Start the app in development mode (hot-code reloading, error reporting, etc.)

quasar dev

Lint the files

yarn run lint

Run test

yarn test:unit:ci

Build the app for production

quasar build

Customize the configuration

See Configuring quasar.conf.js.