Learning Backtrace

A visual way to map how you learn: track questions you’re trying to answer, attach the resources you used, and grow a dependency graph of ideas so you can see what to study next.

NextJSFirebaseReactFlow

See screenshots ↓

Core Idea

Make learning dependencies visible

Great for

self-study

Outcome

Free to use, easy to set up platform

Add Resource modal connecting a resource to a question

Attach resources to questions

Add a resource (video/article/etc.) and automatically connect it to the learning question it supports.

Highlights

Designed to be clean on desktop + mobile

Organized resource and question data

Resources support a "topic" flair. Questions can be updated to reflect understanding level.

AI-powered resource search

Leverages OpenAI API to assist in finding resources to given questions.

Interactive workspace

View allows zoom in/out, all cards have click-and-drag functionality

Screenshots

A few UI moments from the app—node creation, tagging, and graph navigation.

Graph view showing question nodes and resource nodes connected — Visual learning dependency graph
A node-based map of what you’re learning: questions → resources → follow-up questions.

Add Question modal with topic tag and understood slider — Track understanding over time
Create question nodes with topic tags + an “understood” slider to measure progress and identify gaps.

Want the code / implementation details?

Check out the repo for setup, structure, and ongoing improvements.

View on GitHub