[{"data":1,"prerenderedAt":224},["ShallowReactive",2],{"project-vq-score-web-app-en-US":3},{"id":4,"title":5,"body":6,"categories":203,"dateEnd":211,"dateStart":212,"description":213,"extension":214,"image":180,"link":215,"locale":216,"meta":217,"navigation":218,"path":219,"published":218,"seo":220,"slug":221,"stem":222,"__hash__":223},"projects\u002Fprojects\u002Fvq-score-web-app.en-US.md","Web app calculating customers VQ Score",{"type":7,"value":8,"toc":195},"minimark",[9,14,26,31,46,57,61,132,136,170,174,177,187,191],[10,11,13],"h1",{"id":12},"web-app-calculating-customers-vq-score","Web App Calculating Customers VQ Score",[15,16,17,21,22,25],"p",{},[18,19,20],"strong",{},"Role:"," Lead Full-stack Developer & UX\u002FUI Adviser\n",[18,23,24],{},"Stack:"," Vue.js, Node.js, Typescript, Tailwind, PostgreSQL, SQL, Monorepo, DigitalOcean, Figma, Datadog, Retool",[27,28,30],"h2",{"id":29},"overview","Overview",[15,32,33,34,37,38,41,42,45],{},"Developed the MVP version of ",[18,35,36],{},"VQ",", a web application used for calculating and presenting a ",[18,39,40],{},"\"Value Quotient\" (VQ) Score"," for users based on guided inputs and behavioral data. The goal of the project was to deliver a ",[18,43,44],{},"fast-to-iterate MVP"," with high code quality, strong observability, and a UX that guided users smoothly through the scoring process.",[15,47,48,49,52,53,56],{},"The product needed to validate core assumptions early, so ",[18,50,51],{},"rapid prototyping + real usage feedback"," were central to the development approach. I led the technical implementation and also provided ",[18,54,55],{},"UI\u002FUX guidance"," to refine flows, reduce friction, and align the scoring experience with brand tone.",[27,58,60],{"id":59},"responsibilities-contributions","Responsibilities & Contributions",[62,63,64,71,81,102,108],"ul",{},[65,66,67,70],"li",{},[18,68,69],{},"Iterative Agile Development:","\nBuilt the product using a fast feedback loop where the client could continuously test the app and evolve product ideas collaboratively.",[65,72,73,76,77,80],{},[18,74,75],{},"End-to-End Type Safety:","\nImplemented a ",[18,78,79],{},"fully typed monorepo"," architecture — from PostgreSQL schema to backend services to the Vue frontend — ensuring reliability and maintainability.",[65,82,83,86,87,90,91],{},[18,84,85],{},"Observability & Usage Analytics:","\nSet up ",[18,88,89],{},"Datadog Real User Monitoring (RUM)"," to track:\n",[62,92,93,96,99],{},[65,94,95],{},"Frontend performance & errors",[65,97,98],{},"Backend logs & resource usage",[65,100,101],{},"User behavior and navigation flows\nThis allowed the client to make informed product decisions based on real user interaction data.",[65,103,104,107],{},[18,105,106],{},"Testing & CI\u002FCD:","\nAdded integration tests and wired them into the CI\u002FCD pipeline to ensure quality and reduce regression issues across deployments.",[65,109,110,76,113,116,117],{},[18,111,112],{},"Admin & Internal Tooling:",[18,114,115],{},"Retool","-based admin dashboard to provide instant visibility into:\n",[62,118,119,122,125],{},[65,120,121],{},"User activity",[65,123,124],{},"Score distributions",[65,126,127,128,131],{},"Operational & usage metrics\nThis was delivered in ",[18,129,130],{},"under 2 hours of engineering",", maximizing leverage and reducing development overhead.",[27,133,135],{"id":134},"impact","Impact",[62,137,138,149,156,163],{},[65,139,140,141,144,145,148],{},"Delivered a ",[18,142,143],{},"functional, testable MVP"," quickly, allowing the client to ",[18,146,147],{},"validate product assumptions with real users",".",[65,150,151,152,155],{},"Improved product decision-making through ",[18,153,154],{},"high observability and data-driven insights"," rather than guesswork.",[65,157,158,159,162],{},"Created a ",[18,160,161],{},"scalable codebase"," with strong correctness guarantees thanks to end-to-end typing.",[65,164,165,166,169],{},"Enabled the client to operate the product and review key business metrics ",[18,167,168],{},"with zero ongoing developer dependency"," through the Retool dashboard.",[27,171,173],{"id":172},"screenshots-of-the-app","Screenshots of the app",[15,175,176],{},"You may try it out yourself in the project link, or here are some attached screenshots:",[178,179],"img",{"src":180,"loading":181,"className":182},"\u002Fimages\u002Fprojects\u002Fvq-score-screenshot-1.avif","lazy",[183,184,185,186],"mt-6","mx-auto","px-4","max-w-xl",[178,188],{"src":189,"loading":181,"className":190},"\u002Fimages\u002Fprojects\u002Fvq-score-screenshot-2.avif",[183,184,185,186],[178,192],{"src":193,"loading":181,"className":194},"\u002Fimages\u002Fprojects\u002Fvq-score-screenshot-3.avif",[183,184,185,186],{"title":196,"searchDepth":197,"depth":197,"links":198},"",2,[199,200,201,202],{"id":29,"depth":197,"text":30},{"id":59,"depth":197,"text":60},{"id":134,"depth":197,"text":135},{"id":172,"depth":197,"text":173},[204,205,206,207,208,209,210],"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":5,"description":213},"vq-score-web-app","projects\u002Fvq-score-web-app.en-US","mUtDv--J9OtHBYT243uGt4Hu98svTVpBYOIzCtQ6Sps",1782220047691]