AlgoLens

Inspiration

Taking an algorithms course in university, I realized it was hard to understand them without actually seeing how they work. The notes and diagrams given were often quite theoretical and hard to understand if you hadn't seen that algorithm before.

What it does

AlgoLens allows you to simulate various algorithms and see how they would behave.

How we built it

I built it using js, html, and css, with the original visual being made in figma to see how I liked the layout of it.

Challenges we ran into

I ran into the challenge of trying to understand the algorithms again. I had learnt them previously but hadn't properly remembered how they worked. After understanding them, I was able to write the code in js to execute them to see the visual on screen.

Accomplishments that we're proud of

I am proud that I was able to get the algorithms connected with the frontend and it shows clearly how each algorithm works.

What we learned

I learnt that algorithms are really challenging to implement if you don't understand them completely. I tried implementing some without understanding them and the result did not work. I had to go back and understand them completely in order to implement it.

What's next for AlgoLens

I would like to implement more feature to it such as more algorithms and a mode which allows the user to check their understanding by predicting what order the algorithm will search in.

Built With

• css
• figma
• html
• javascript
• json