[{"data":1,"prerenderedAt":226},["ShallowReactive",2],{"project-vq-score-web-app-es-ES":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,"services":221,"slug":223,"stem":224,"__hash__":225},"projects\u002Fprojects\u002Fvq-score-web-app.es-ES.md","Aplicación web para calcular el VQ Score de los clientes",{"type":7,"value":8,"toc":195},"minimark",[9,13,25,30,45,56,60,132,136,170,174,177,187,191],[10,11,5],"h1",{"id":12},"aplicación-web-para-calcular-el-vq-score-de-los-clientes",[14,15,16,20,21,24],"p",{},[17,18,19],"strong",{},"Rol:"," Desarrollador Full-stack principal y asesor de UX\u002FUI\n",[17,22,23],{},"Stack:"," Vue.js, Node.js, Typescript, Tailwind, PostgreSQL, SQL, Monorepo, DigitalOcean, Figma, Datadog, Retool",[26,27,29],"h2",{"id":28},"resumen","Resumen",[14,31,32,33,36,37,40,41,44],{},"Desarrollé la versión MVP de ",[17,34,35],{},"VQ",", una aplicación web utilizada para calcular y presentar una ",[17,38,39],{},"\"Value Quotient\" (VQ) Score"," de los usuarios a partir de datos guiados y de comportamiento. El objetivo del proyecto era entregar un ",[17,42,43],{},"MVP rápido de iterar"," con alta calidad de código, una fuerte observabilidad y una UX que guiara a los usuarios con fluidez a través del proceso de puntuación.",[14,46,47,48,51,52,55],{},"El producto necesitaba validar pronto las hipótesis clave, por lo que el ",[17,49,50],{},"prototipado rápido + el feedback de uso real"," fueron el centro del enfoque de desarrollo. Lideré la implementación técnica y también aporté ",[17,53,54],{},"orientación de UI\u002FUX"," para refinar los flujos, reducir la fricción y alinear la experiencia de puntuación con el tono de marca.",[26,57,59],{"id":58},"responsabilidades-y-contribuciones","Responsabilidades y contribuciones",[61,62,63,70,80,101,107],"ul",{},[64,65,66,69],"li",{},[17,67,68],{},"Desarrollo ágil e iterativo:","\nConstruí el producto mediante un ciclo de feedback rápido en el que el cliente podía probar la aplicación de forma continua y hacer evolucionar las ideas de producto de manera colaborativa.",[64,71,72,75,76,79],{},[17,73,74],{},"Type Safety de extremo a extremo:","\nImplementé una arquitectura de ",[17,77,78],{},"monorepo totalmente tipado"," — desde el esquema de PostgreSQL hasta los servicios de backend y el frontend en Vue — garantizando fiabilidad y mantenibilidad.",[64,81,82,85,86,89,90],{},[17,83,84],{},"Observabilidad y analítica de uso:","\nConfiguré ",[17,87,88],{},"Datadog Real User Monitoring (RUM)"," para monitorizar:\n",[61,91,92,95,98],{},[64,93,94],{},"Rendimiento y errores del frontend",[64,96,97],{},"Logs y uso de recursos del backend",[64,99,100],{},"Comportamiento del usuario y flujos de navegación\nEsto permitió al cliente tomar decisiones de producto informadas a partir de datos reales de interacción.",[64,102,103,106],{},[17,104,105],{},"Testing y CI\u002FCD:","\nAñadí tests de integración y los integré en el pipeline de CI\u002FCD para asegurar la calidad y reducir las regresiones entre despliegues.",[64,108,109,112,113,116,117],{},[17,110,111],{},"Herramientas internas y de administración:","\nImplementé un panel de administración basado en ",[17,114,115],{},"Retool"," para ofrecer visibilidad inmediata de:\n",[61,118,119,122,125],{},[64,120,121],{},"Actividad de los usuarios",[64,123,124],{},"Distribución de puntuaciones",[64,126,127,128,131],{},"Métricas operativas y de uso\nEsto se entregó en ",[17,129,130],{},"menos de 2 horas de ingeniería",", maximizando el apalancamiento y reduciendo la sobrecarga de desarrollo.",[26,133,135],{"id":134},"impacto","Impacto",[61,137,138,149,156,163],{},[64,139,140,141,144,145,148],{},"Entregué un ",[17,142,143],{},"MVP funcional y testeable"," rápidamente, permitiendo al cliente ",[17,146,147],{},"validar las hipótesis de producto con usuarios reales",".",[64,150,151,152,155],{},"Mejoré la toma de decisiones de producto gracias a una ",[17,153,154],{},"alta observabilidad e insights basados en datos"," en lugar de suposiciones.",[64,157,158,159,162],{},"Creé una ",[17,160,161],{},"base de código escalable"," con fuertes garantías de corrección gracias al tipado de extremo a extremo.",[64,164,165,166,169],{},"Permití al cliente operar el producto y revisar las métricas de negocio clave ",[17,167,168],{},"sin dependencia continua de desarrollo"," a través del panel de Retool.",[26,171,173],{"id":172},"capturas-de-la-aplicación","Capturas de la aplicación",[14,175,176],{},"Puedes probarla tú mismo en el enlace del proyecto, o aquí tienes algunas capturas adjuntas:",[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":28,"depth":197,"text":29},{"id":58,"depth":197,"text":59},{"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","Rol: Desarrollador Full-stack principal y asesor de UX\u002FUI\nStack: Vue.js, Node.js, Typescript, Tailwind, PostgreSQL, SQL, Monorepo, DigitalOcean, Figma, Datadog, Retool","md","https:\u002F\u002Fapp.tryvq.com\u002F","es-ES",{},true,"\u002Fprojects\u002Fvq-score-web-app.es-es",{"title":5,"description":213},[222],"web-development","vq-score-web-app","projects\u002Fvq-score-web-app.es-ES","Z_-CM9kEDk2iamXsZAExQgwO3Ful7ELDcc0dpSPQw1Y",1791559895556]