[{"data":1,"prerenderedAt":364},["ShallowReactive",2],{"home-featured-en-US":3},[4,225],{"id":5,"title":6,"body":7,"categories":204,"dateEnd":212,"dateStart":213,"description":214,"extension":215,"image":181,"link":216,"locale":217,"meta":218,"navigation":219,"path":220,"published":219,"seo":221,"slug":222,"stem":223,"__hash__":224},"projects\u002Fprojects\u002Fvq-score-web-app.en-US.md","Web app calculating customers VQ Score",{"type":8,"value":9,"toc":196},"minimark",[10,15,27,32,47,58,62,133,137,171,175,178,188,192],[11,12,14],"h1",{"id":13},"web-app-calculating-customers-vq-score","Web App Calculating Customers VQ Score",[16,17,18,22,23,26],"p",{},[19,20,21],"strong",{},"Role:"," Lead Full-stack Developer & UX\u002FUI Adviser\n",[19,24,25],{},"Stack:"," Vue.js, Node.js, Typescript, Tailwind, PostgreSQL, SQL, Monorepo, DigitalOcean, Figma, Datadog, Retool",[28,29,31],"h2",{"id":30},"overview","Overview",[16,33,34,35,38,39,42,43,46],{},"Developed the MVP version of ",[19,36,37],{},"VQ",", a web application used for calculating and presenting a ",[19,40,41],{},"\"Value Quotient\" (VQ) Score"," for users based on guided inputs and behavioral data. The goal of the project was to deliver a ",[19,44,45],{},"fast-to-iterate MVP"," with high code quality, strong observability, and a UX that guided users smoothly through the scoring process.",[16,48,49,50,53,54,57],{},"The product needed to validate core assumptions early, so ",[19,51,52],{},"rapid prototyping + real usage feedback"," were central to the development approach. I led the technical implementation and also provided ",[19,55,56],{},"UI\u002FUX guidance"," to refine flows, reduce friction, and align the scoring experience with brand tone.",[28,59,61],{"id":60},"responsibilities-contributions","Responsibilities & Contributions",[63,64,65,72,82,103,109],"ul",{},[66,67,68,71],"li",{},[19,69,70],{},"Iterative Agile Development:","\nBuilt the product using a fast feedback loop where the client could continuously test the app and evolve product ideas collaboratively.",[66,73,74,77,78,81],{},[19,75,76],{},"End-to-End Type Safety:","\nImplemented a ",[19,79,80],{},"fully typed monorepo"," architecture — from PostgreSQL schema to backend services to the Vue frontend — ensuring reliability and maintainability.",[66,83,84,87,88,91,92],{},[19,85,86],{},"Observability & Usage Analytics:","\nSet up ",[19,89,90],{},"Datadog Real User Monitoring (RUM)"," to track:\n",[63,93,94,97,100],{},[66,95,96],{},"Frontend performance & errors",[66,98,99],{},"Backend logs & resource usage",[66,101,102],{},"User behavior and navigation flows\nThis allowed the client to make informed product decisions based on real user interaction data.",[66,104,105,108],{},[19,106,107],{},"Testing & CI\u002FCD:","\nAdded integration tests and wired them into the CI\u002FCD pipeline to ensure quality and reduce regression issues across deployments.",[66,110,111,77,114,117,118],{},[19,112,113],{},"Admin & Internal Tooling:",[19,115,116],{},"Retool","-based admin dashboard to provide instant visibility into:\n",[63,119,120,123,126],{},[66,121,122],{},"User activity",[66,124,125],{},"Score distributions",[66,127,128,129,132],{},"Operational & usage metrics\nThis was delivered in ",[19,130,131],{},"under 2 hours of engineering",", maximizing leverage and reducing development overhead.",[28,134,136],{"id":135},"impact","Impact",[63,138,139,150,157,164],{},[66,140,141,142,145,146,149],{},"Delivered a ",[19,143,144],{},"functional, testable MVP"," quickly, allowing the client to ",[19,147,148],{},"validate product assumptions with real users",".",[66,151,152,153,156],{},"Improved product decision-making through ",[19,154,155],{},"high observability and data-driven insights"," rather than guesswork.",[66,158,159,160,163],{},"Created a ",[19,161,162],{},"scalable codebase"," with strong correctness guarantees thanks to end-to-end typing.",[66,165,166,167,170],{},"Enabled the client to operate the product and review key business metrics ",[19,168,169],{},"with zero ongoing developer dependency"," through the Retool dashboard.",[28,172,174],{"id":173},"screenshots-of-the-app","Screenshots of the app",[16,176,177],{},"You may try it out yourself in the project link, or here are some attached screenshots:",[179,180],"img",{"src":181,"loading":182,"className":183},"\u002Fimages\u002Fprojects\u002Fvq-score-screenshot-1.avif","lazy",[184,185,186,187],"mt-6","mx-auto","px-4","max-w-xl",[179,189],{"src":190,"loading":182,"className":191},"\u002Fimages\u002Fprojects\u002Fvq-score-screenshot-2.avif",[184,185,186,187],[179,193],{"src":194,"loading":182,"className":195},"\u002Fimages\u002Fprojects\u002Fvq-score-screenshot-3.avif",[184,185,186,187],{"title":197,"searchDepth":198,"depth":198,"links":199},"",2,[200,201,202,203],{"id":30,"depth":198,"text":31},{"id":60,"depth":198,"text":61},{"id":135,"depth":198,"text":136},{"id":173,"depth":198,"text":174},[205,206,207,208,209,210,211],"Full stack","Vue.js","Node.js","Typescript","PostgreSQL","MVP","TailwindCSS","2023-08-01","2023-02-01","Role: Lead Full-stack Developer & UX\u002FUI Adviser\nStack: Vue.js, Node.js, Typescript, Tailwind, PostgreSQL, SQL, Monorepo, DigitalOcean, Figma, Datadog, Retool","md","https:\u002F\u002Fapp.tryvq.com\u002F","en-US",{},true,"\u002Fprojects\u002Fvq-score-web-app.en-us",{"title":6,"description":214},"vq-score-web-app","projects\u002Fvq-score-web-app.en-US","mUtDv--J9OtHBYT243uGt4Hu98svTVpBYOIzCtQ6Sps",{"id":226,"title":227,"body":228,"categories":350,"dateEnd":353,"dateStart":354,"description":355,"extension":215,"image":356,"link":357,"locale":217,"meta":358,"navigation":219,"path":359,"published":219,"seo":360,"slug":361,"stem":362,"__hash__":363},"projects\u002Fprojects\u002Fllamacarlos-e-commerce.en-US.md","E-commerce with linked services MVP",{"type":8,"value":229,"toc":345},[230,234,239,241,251,270,274,297,300,314,318,328,335],[11,231,233],{"id":232},"e-commerce-with-linked-services-mvp","E-commerce with Linked Services MVP",[16,235,236,238],{},[19,237,21],{}," Full-stack Architecture & Implementation Lead",[28,240,31],{"id":30},[16,242,243,246,247,250],{},[19,244,245],{},"Llama Carlos"," is a telehealth community targeting the Latino population, helping people improve their well-being through guided education, product support, and personalized check-ins. When I joined, the team already had a strong mission, validated audience research, and a clear narrative—but they lacked the ",[19,248,249],{},"technical foundation"," to turn their concept into a functional service.",[16,252,253,254,257,258,261,262,265,266,269],{},"The main challenge was to launch an MVP ",[19,255,256],{},"quickly"," while keeping the system flexible enough to grow into a fully integrated digital health experience later on. The business needed not only a storefront to sell wellness products, but also a ",[19,259,260],{},"community space",", ",[19,263,264],{},"guided onboarding flows",", and a ",[19,267,268],{},"central backend orchestration layer"," to ensure data consistency across all touchpoints.",[28,271,273],{"id":272},"approach","Approach",[16,275,276,277,280,281,284,285,288,289,292,293,296],{},"To support both high iteration speed and long-term viability, I designed a lean architecture centered around a ",[19,278,279],{},"Shopify storefront"," for e-commerce, ",[19,282,283],{},"Circle.io"," for community engagement and educational content, ",[19,286,287],{},"Jotform"," for onboarding and health questionnaires, and a ",[19,290,291],{},"custom Node.js (Typescript) backend"," that acted as the ",[19,294,295],{},"source of truth"," and the glue that linked everything together.",[16,298,299],{},"This approach allowed us to:",[63,301,302,305,308,311],{},[66,303,304],{},"Launch a polished, functioning product experience within weeks rather than months.",[66,306,307],{},"Learn from real customer behavior immediately.",[66,309,310],{},"Add and modify features rapidly without destabilizing the system.",[66,312,313],{},"Keep ownership of the core business logic and user records in our backend, ensuring scalability and future extensibility.",[28,315,317],{"id":316},"result","Result",[16,319,320,321,323,324,327],{},"Within just a few weeks, ",[19,322,245],{}," was able to put a real product into users’ hands, begin gathering feedback, and refine the service based on lived experience—not assumptions. The architecture supported ",[19,325,326],{},"fast iteration",", clear feature expansion paths, and the operational workflows necessary to run the business from day one.",[16,329,330,331,334],{},"The MVP successfully bridged ",[19,332,333],{},"commerce, education, and guided care",", forming the foundation for a larger telehealth ecosystem to grow upon.",[16,336,337,338,341,342,149],{},"Now the store receives ",[19,339,340],{},"hundreds of users every day"," seamlessly, continuously experimenting with pricing, messaging, and community engagement strategies in order to ",[19,343,344],{},"scale the brand to sky-high awareness and impact",{"title":197,"searchDepth":198,"depth":198,"links":346},[347,348,349],{"id":30,"depth":198,"text":31},{"id":272,"depth":198,"text":273},{"id":316,"depth":198,"text":317},[351,352,208,210],"Back-end","Shopify","2025-07-13","2025-04-28","Role: Full-stack Architecture & Implementation Lead","https:\u002F\u002Fllamacarlos.com\u002Fcdn\u002Fshop\u002Ffiles\u002FPhone.png?v=1751850566&width=1080","https:\u002F\u002Fllamacarlos.com",{},"\u002Fprojects\u002Fllamacarlos-e-commerce.en-us",{"title":227,"description":355},"llamacarlos-e-commerce","projects\u002Fllamacarlos-e-commerce.en-US","2BI8HFg1tT8pXzoGbSxOi5HuZX7VsT_WOm7AXizPYYk",1782220047319]