nimeshm05/algo-sorter

This is an algorithm sorting visualizer project developed in react-typescript.

Algo-Sorter

Project Description

Context

I developed this project as part of a mini-project competition at my college.

Duration

2 days

Tools

• ReactJS
• TypeScript
• HTML, CSS

Overview

Algo-Sorter is a website application that allows users to select sorting algorithms and visualize the process to understand the algorithm sorting procedure. Dynamic features are embedded within the application, enabling users to customize options to view the sorting process intuitively. It features six algorithms with a play-pause sorting effect built with react and setTimeout hooks.

Acceess the deployed website application: ![https://glistening-cascaron-019d54.netlify.app/]

Snapshot

Instructions to run the project

1. Clone/Download the repository.
2. Open the folder in any of the code editors. (Ensure react is installed in your system)
3. Open the terminal and type npm start
4. The application will open in one of the web browsers.

What I learned

• State management techniques
• TypeScript
• Hooks in ReactJS