Algolizer is an algorithm visualizer project that highlights the differences in performance between each algorithm and data structure (DS).
When I first learned about algorithms and data structures, I thought there was an ultimate best and worst algorithm/DS. It turns out it's more complicated than that. Each algorithm and/or DS has its own use case, which you might or might not be able to identify until you're in the middle of a project.
Since this is not a straightforward process, I thought, "Why not illustrate this through a project where I can gain a better understanding of these tools?" It can also serve as a tool to help others understand that it's not a black-and-white situation, but a combination of many variables, some of which we can't even know until we dive in. It's not always about the number of CPU cycles or the memory footprint. Sometimes, the fastest to write and easiest to maintain is the sweet spot.
However, this project might not be the best introduction to the world of algorithms and DS, as it does not demonstrate all the different aspects of the subject. But it's meant as a stepping stone on my web development roadmap and a project to include in my portfolio.
algolizer-demo.mp4
algolizer-charts-demo.mp4
- React-Chartjs-2 (uses chart.js under the hood)
- React.js
- React-router
- Tailwindcss
- TypeScript
- Vite.js
- FreeCodeCamp.org's Video Playlist
- "Computer Science Distilled: Learn the Art of Solving Computational Problems" — by Wladston Ferreira Filho
- "A Common-Sense Guide to Data Structures and Algorithms: Level Up Your Core Programming Skills" — by Jay Wengrow