AlgoVisualizer

Deployment

Deployed on AWS S3: http://algo-visualizer.s3-website-ap-southeast-2.amazonaws.com/

Deployed on Netlify: https://algo-visualizer-yunwi5.netlify.app/

Deployed the same project on both AWS S3 and Netlify for fun.

Features

1. Sorting Visualizer - Graphically visualize sorting algorithms such as MergeSort, QuickSort, HeapSort, SelectionSort etc.
2. Search Visualizer - Graphically visualize searching algorithms which are BinarySearch and LinearSearch.
3. Sudoku Visualizer - Graphically visualize solving the sudoku puzzle.

Technologies

1. TypeScript
2. React JS
3. Sass
4. Material UI
5. FontAwesome

Learn More

Sorting Visualizer

• Compare the runtime of different sorting algorithms side by side.
• Each color represents different operations such as initial, pending, comparison, swapped etc.
• Info icon on the top right pops up the modal that explains these algorithms & animations in detail.

Search Visualizer

• Compare the runtime of two main search algorithms that are BinarySearch and LinearSearch.
• Pause & Reset functionalities that allow you to stop the execution or reset the execution.
• Info icon on the top right pops up the modal that explains these algorithms & animations in detail.

Sudoku Visualizer

• Run the sudoku simulation that uses back-tracking algorithm to solve the sudoku puzzle by itself.
• Try the sudoku puzzle on your own by clicking the 'Try Yourself' button.
• Info icon on the top right pops up the modal that explains the sudoku section in detail.

Getting Started

For the development server,

npm start
# or
yarn start

For the production server,

npm run build
# or
yarn build

Builds the app for production to the build folder.

Open http://localhost:3000 with your browser to see the result.

End

That comes to an end of my algorithm visualizer project. If you liked my features, design and efforts put into this project, please give a star to my project repository on GibHub!

Social Links:
LinkedIn: https://www.linkedin.com/in/yunkeun-jo-984792217
Facebook: https://www.facebook.com/profile.php?id=100041919639044