As my degree comes to a close, I realized that I spent most of my time working on the back end, and while I enjoy the manipulation without taking in user interaction, I found that front end was a skill I was very lacking. In order for me to establish technologies as a full stack developer, it was imperative to have some knowledge of the front end to eventually create clean GUIs. A technology is only good if it is usable.
What it does
It randomizes numbers and sorts them in a particular sorting algorithm. It provides a 3D representation for the movement of the blocks which are representative of the numbers.
How I built it
After coding up the different algorithms, the hardest step was using WebGL and ThreeJS to manipulate blocks into appearing and disappearing at real time. I also had to provide different calculations to make sure the camera was showing it in a spotlight. This project also allowed me to work with different textures.
Challenges I ran into
I have no real front end experience, so most of this project was just a challenge in and of itself. I had to start my learning from ground zero when dealing with html and css.
Accomplishments that I'm proud of
I am incredibly proud of how far my front end skills have gotten by the end of this hackathon.
What I learned
I learned a lot of front-end technologies and now I feel more adept at working both the front end and the back end.
What's next for Sorting: Visualized
I hope to one day expand this as a teaching opportunity to show children and other people earlier in their college degree a visual representation of different algorithms and data structures.