This project is a simple React app that visualize sorting algorythms step by step to help understand how they work. It was created as a coding challenge to implement sorting algorythms learned in a theorical class.
This project was bootstrapped with Create React App.
You can see a live demo of this project at https://gravelfy.github.io/algovision/
- Bubble sort
- Insertion sort
- Random array generation
- Array size selection
- Multilingual (English and French)
- Dark mode
- Speed selection
Clone, download or fork this repository and run npm install
to install all dependencies. Then run npm start
to start the app in development mode.
Node version is 16. Use nvm use 16
to switch to this version if you have it installed. If nvm is not present on your machine, it should be installed.
nvm: https://github.com/nvm-sh/nvm
For fish users, nvm.fish: https://github.com/jorgebucaran/nvm.fish
- React
- React Router
- Styled Components
- SASS
You can learn more in the Create React App documentation.
To learn React, check out the React documentation.