Skilltree

Skilltree is a unique web app designed using Svelte, Vite, and Tailwind CSS, and powered by an incredible neural network that takes what you want to learn and constructs a personalised skill tree, dividing this goal into sub-goals - giving you milestones to achieve on your learning path. Inspired by how appealing and satisfying skill trees are in most video games, we’ve applied this concept to real-world learning. By tracking your progress through the wide array of pre-requisites and components of the topic you want to learn, Skilltree optimizes your learning and gives you an early boost towards your goal.

We developed Skilltree using the Svelte javascript framework, configured with Vite, with Tailwind CSS, to design an aesthetically pleasing and satisfying front-end interface for the user. By mixing local persistent storage functionality as well as queries and responses in our routes, we built the entire application to be lightweight (using server-side processing) and portable (functional on all platforms). We studied and constructed an algorithm using a neural network to generate lists of sub-topics within the larger topic the user wants to learn and laid out the results in the form of the tree data structure, which we then visualised using TreeVSN and a complex hierarchical traversal algorithm.