[{"data":1,"prerenderedAt":82},["ShallowReactive",2],{"project:\u002F3c-dashboard-graphql:en-us":3,"project:prev:\u002F3c-dashboard-graphql:en-us":74,"project:next:\u002F3c-dashboard-graphql:en-us":78},{"id":4,"title":5,"body":6,"category":49,"company":51,"cover":52,"date":53,"description":54,"extension":55,"featured":56,"image":44,"isPublic":56,"links":52,"meta":57,"navigation":58,"order":59,"path":60,"period":61,"role":62,"seo":64,"stack":65,"status":68,"stem":69,"tags":70,"__hash__":73},"projects_enUS\u002Fen-us\u002Fprojects\u002F3c-dashboard-graphql.md","Analytics Dashboard · Grupo 3C",{"type":7,"value":8,"toc":43},"minimark",[9,22,27,36,40],[10,11,12,13,21],"p",{},"The CRM's analytics dashboard was my first real hands-on work with ",[14,15,20],"a",{"href":16,"rel":17,"target":19},"https:\u002F\u002Fgraphql.org\u002Flearn\u002F",[18],"nofollow","_blank","GraphQL"," — I built it solo, from scratch, and it's one of those protocols that changes how you think about fetching data once you actually get it.",[23,24,26],"h2",{"id":25},"comparative-charts","Comparative charts",[10,28,29,30,35],{},"I implemented it in ",[14,31,34],{"href":32,"rel":33,"target":19},"https:\u002F\u002Fwww.chartjs.org\u002Fdocs\u002Flatest\u002F",[18],"Chart.js",": period-over-period comparisons for revenue collected, products sold, active clients, and completed tasks. The library covers pretty much any chart type you'd need, but a good chunk of the work was heavy customization on top of the defaults — so everything matched the platform's design system instead of looking like a generic chart pasted in.",[23,37,39],{"id":38},"reports-everywhere","Reports everywhere",[10,41,42],{},"Every module on the platform — chatbot, messaging, CRM, Kanban, activities, audiences, partnerships — had its own dedicated report, with filtering, search, and CSV export. Without a doubt the most-requested feature among enterprise clients: they always wanted the numbers. This GraphQL dashboard was the deep version of that — built end-to-end, not just a table wrapper with a filter on top.",{"title":44,"searchDepth":45,"depth":45,"links":46},"",2,[47,48],{"id":25,"depth":45,"text":26},{"id":38,"depth":45,"text":39},[50],"saas","Grupo 3C",null,"2026-07-12","My first real hands-on with GraphQL — a sales analytics dashboard built solo, from scratch, with heavily customized Chart.js.","md",false,{},true,18,"\u002Fen-us\u002Fprojects\u002F3c-dashboard-graphql","2024 – 2025",[63],"Frontend Engineer",{"title":5,"description":54},[66,20,34,67],"Vue.js 3","TypeScript","completed","en-us\u002Fprojects\u002F3c-dashboard-graphql",[71,20,34,72],"Vue.js","Analytics","jUF921_0tf3Y7YF92fhAHV03Dyd5-iL363ffIKNshcI",{"path":75,"title":76,"order":77},"\u002Fen-us\u002Fprojects\u002F3c-chatbot","Chatbot · Grupo 3C",17,{"path":79,"title":80,"order":81},"\u002Fen-us\u002Fprojects\u002F3c-disparos-em-massa","Bulk Messaging · Grupo 3C",19,1784312242054]