[{"data":1,"prerenderedAt":110},["ShallowReactive",2],{"\u002Fprojects\u002Ftraceo":3},{"id":4,"title":5,"body":6,"date":91,"demoUrl":70,"description":92,"extension":93,"image":94,"imageWebp":95,"meta":96,"navigation":97,"path":98,"repoUrl":99,"seo":100,"stem":101,"tags":102,"__hash__":109},"projects\u002Fprojects\u002Ftraceo.md","traceO: An AI learning engine built around practice",{"type":7,"value":8,"toc":82},"minimark",[9,14,22,27,30,34,37,40,44,60,64,75,79],[10,11,13],"h1",{"id":12},"traceo-implementation-case","traceO — implementation case",[15,16,17,21],"p",{},[18,19,20],"strong",{},"Implementation focus:"," progressive course generation with visible work-in-progress, resumable steps, and practical learner interaction.",[23,24,26],"h2",{"id":25},"problem","Problem",[15,28,29],{},"A conventional course can make it easy to consume material without applying it. The product needed to turn an open-ended topic into a structured learning path, then give the learner a reason to do the work rather than only watch or read.",[23,31,33],{"id":32},"implementation","Implementation",[15,35,36],{},"traceO transforms a topic into a four-stage blueprint—Hook → Core → Sandbox → Payoff. Hook and Core are prepared up front; Sandbox and Payoff are generated when the learner reaches them. This makes practice part of the product flow rather than an optional extra.",[15,38,39],{},"The application uses a Go API with PostgreSQL and a Vue 3 + TypeScript frontend. Generation runs through a visible FIFO worker; stages persist as they complete, and server-sent events stream progress to the interface. Provider configuration is stored in the database, allowing the endpoint\u002Fmodel settings to change without a redeploy.",[23,41,43],{"id":42},"decisions-and-constraints","Decisions and constraints",[45,46,47,51,54,57],"ul",{},[48,49,50],"li",{},"Persist each completed stage so an interrupted build can resume from its partial blueprint.",[48,52,53],{},"Make topic preview free and editable before queueing generation.",[48,55,56],{},"Keep queue state visible and cancellable instead of hiding long-running work.",[48,58,59],{},"Default shared course links to read-only access.",[23,61,63],{"id":62},"outcome","Outcome",[15,65,66,67,74],{},"The deployed product at ",[68,69,73],"a",{"href":70,"rel":71},"https:\u002F\u002Ftraceo.dibotak.com",[72],"nofollow","traceo.dibotak.com"," delivers the complete flow from topic preview through generated blueprint and interactive stages. No usage or business-impact metrics are claimed here.",[23,76,78],{"id":77},"stack","Stack",[15,80,81],{},"Go, PostgreSQL 16, Vue 3, Vite, TypeScript, server-sent events, and an OpenAI-compatible LLM endpoint.",{"title":83,"searchDepth":84,"depth":84,"links":85},"",2,[86,87,88,89,90],{"id":25,"depth":84,"text":26},{"id":32,"depth":84,"text":33},{"id":42,"depth":84,"text":43},{"id":62,"depth":84,"text":63},{"id":77,"depth":84,"text":78},"2026-09-15","A deployed learning product that turns a topic into a progressive course and makes learners apply the material, built with Go, PostgreSQL, Vue, and an OpenAI-compatible LLM.","md","\u002Fassets\u002Fportfolio\u002Ftraceo-preview.png",null,{},true,"\u002Fprojects\u002Ftraceo","#",{"title":5,"description":92},"projects\u002Ftraceo",[103,104,105,106,107,108],"golang","vue","typescript","ai","postgres","sse","7JAQHYHJ4-rfQdDnxqCav_HjQe4DGcbwAKkKnXDF0Kg",1791620052892]