CogniLink

Inspiration

We found that most students lose motivation to keep studying due to the fact that content is presented as "static" and just things to memorise. CogniLink provides students with the ability to see the connections between topics within modules to not only keep them motivated to study in a flow but to also develop their own neural pathways.

What it does

CogniLink takes in students/lecture notes which is then analysed based on the different headings to find important topics. It then uses semantic linking between the topics (nodes) to create relationships (edges) which then render a force directed graph for the student to navigate through.

How we built it

Initially began with creating a landing page for CogniLink to allow users to setup an account and login with an authentication using Supabase so students can login with their google account. Supabase was then used to build our main database which contains user information and graph data. We then worked on getting gemini to analyse the notes as we needed and then setup D3 to render the graph to show relations.

Challenges we ran into

One main challenge was attempting to render the D3 force directed graph from the analysis output from Gemini. We kept running into issues of the graph being unable to render from what we believed the output schema was. To resolve this we gave gemini an adjacency matrix to follow which solved the problem. Secondly using git and trying to merge all our worked together caused for some devastating loss with multiple merge conflicts.

Accomplishments that we're proud of

• Managed to get a force directed diagram working from AI analysis tool.
• Resolved conflicts in git to mitigate future problems that may arise.
• Was able to form a team and work effectively to create an app that provides useful help.

What we learned

• Project management in Git.
• Time management.
• Working in new teams with people we've never met.
• Typescript and web development frameworks like node.js.

What's next for CogniLink

• Gamify it more creating the graph into a skill tree that the users can work through to get that sense of accomplishment (can also include weekly medals/prizes).
• Friend/Social functions which allow users to track other peoples scores on a leaderboard as well as nudge friends to keep going.
• Combining graphs with different lectures to create trees that can be traversed through blind (e.g. click one node to read its information and reveal 3 more nodes which when clicked will reveal more nodes to look into).
• Improved animation and aesthetic using tools like Animista to make the UI more appealing.

Built With

• d3.js
• gemini
• node.js
• react
• supabase