[{"data":1,"prerenderedAt":78},["ShallowReactive",2],{"project:\u002F3c-chatbot:en-us":3,"project:prev:\u002F3c-chatbot:en-us":70,"project:next:\u002F3c-chatbot:en-us":74},{"id":4,"title":5,"body":6,"category":43,"company":45,"cover":46,"date":47,"description":48,"extension":49,"featured":50,"image":38,"isPublic":50,"links":46,"meta":51,"navigation":52,"order":53,"path":54,"period":55,"role":56,"seo":58,"stack":59,"status":63,"stem":64,"tags":65,"__hash__":69},"projects_enUS\u002Fen-us\u002Fprojects\u002F3c-chatbot.md","Chatbot · Grupo 3C",{"type":7,"value":8,"toc":37},"minimark",[9,13,18,30,34],[10,11,12],"p",{},"The chatbot editor wasn't something I built from scratch — a teammate implemented it. But it was one of the modules I gave the most ongoing support and maintenance to afterward, so I know it well from the inside.",[14,15,17],"h2",{"id":16},"nodes-and-edges-n8n-style","Nodes and edges, n8n-style",[10,19,20,21,29],{},"The engine is ",[22,23,28],"a",{"href":24,"rel":25,"target":27},"https:\u002F\u002Fvueflow.dev\u002F",[26],"nofollow","_blank","VueFlow"," — the same visual node-and-edge mechanic behind tools like n8n. The user drags message types (text, image, audio, multiple choice, WABA buttons, voice message), connects nodes with conditionals, and builds entire decision trees visually, without writing a line of code.",[14,31,33],{"id":32},"requests-and-ai","Requests and AI",[10,35,36],{},"Later came HTTP requests with success\u002Ffailure handling right inside the flow, context variables persisted throughout the conversation, and LLM integration for more humanized message generation. When generative AI came in, the backend took over prompt engineering, and the frontend had to expose the right parameters for whoever was configuring it — tone of voice, agent context, that kind of thing.",{"title":38,"searchDepth":39,"depth":39,"links":40},"",2,[41,42],{"id":16,"depth":39,"text":17},{"id":32,"depth":39,"text":33},[44],"saas","Grupo 3C",null,"2026-07-12","A visual chatbot editor built on VueFlow — I didn't implement it from scratch, but I gave it ongoing maintenance and support for quite a while.","md",false,{},true,17,"\u002Fen-us\u002Fprojects\u002F3c-chatbot","2024 – 2025",[57],"Frontend Engineer",{"title":5,"description":48},[60,61,62],"Vue.js 3","Vue Flow","Axios","completed","en-us\u002Fprojects\u002F3c-chatbot",[66,61,67,68],"Vue.js","Chatbot","Generative AI","B3KDKWB5VaXU8EG-Ko2ucSqwnm7q0f0Py_ut0_XaVPY",{"path":71,"title":72,"order":73},"\u002Fen-us\u002Fprojects\u002F3c-omnichannel","Omnichannel · Grupo 3C",16,{"path":75,"title":76,"order":77},"\u002Fen-us\u002Fprojects\u002F3c-dashboard-graphql","Analytics Dashboard · Grupo 3C",18,1784312241746]