[{"data":1,"prerenderedAt":862},["ShallowReactive",2],{"project-nat4wat":3,"project-nav-nat4wat":111},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":7,"slug":9,"order":10,"category":11,"sector":12,"year":13,"role":14,"status":15,"outstanding":16,"url":17,"image":18,"imageWidth":19,"imageHeight":20,"summary":21,"gallery":22,"technologies":29,"body":34,"_type":105,"_id":106,"_source":107,"_file":108,"_stem":109,"_extension":110},"\u002Fes\u002Fprojects\u002Fnat4wat","projects",false,"","Nat4Wat","nat4wat",4,"Aplicación Web","Investigación · Agua","2023–2025","Desarrollo full-stack","online",true,"https:\u002F\u002Fnat4wat.icra.cat","\u002Fimages\u002Fprojects\u002Fnat4wat-2x.webp",2560,1440,"Herramienta web del ICRA para elegir soluciones basadas en la naturaleza para tratar, almacenar y reutilizar el agua.",[23,26],{"src":24,"width":19,"height":20,"alt":25},"\u002Fimages\u002Fprojects\u002Fnat4wat-solucions.webp","Catálogo de soluciones basadas en la naturaleza",{"src":27,"width":19,"height":20,"alt":28},"\u002Fimages\u002Fprojects\u002Fnat4wat-casos.webp","Listado de casos de mercado con filtros",[30,31,32,33],"Nuxt 3","Vue","Pinia","Node.js",{"type":35,"children":36,"toc":99},"root",[37,46,52,58,88,94],{"type":38,"tag":39,"props":40,"children":42},"element","h2",{"id":41},"el-reto",[43],{"type":44,"value":45},"text","El reto",{"type":38,"tag":47,"props":48,"children":49},"p",{},[50],{"type":44,"value":51},"Nat4Wat es la herramienta del proyecto europeo MULTISOURCE, financiado por el programa Horizon 2020, para ayudar a ayuntamientos, empresas y técnicos a elegir soluciones basadas en la naturaleza (como los humedales construidos) para tratar, almacenar y reutilizar el agua. Había que convertir los modelos y los datos del equipo de investigación del ICRA en una herramienta que se pudiera usar sin ser especialista.",{"type":38,"tag":39,"props":53,"children":55},{"id":54},"qué-hice",[56],{"type":44,"value":57},"Qué hice",{"type":38,"tag":59,"props":60,"children":61},"ul",{},[62,68,73,78,83],{"type":38,"tag":63,"props":64,"children":65},"li",{},[66],{"type":44,"value":67},"Como freelance, entre 2023 y 2025 desarrollé el frontend con Nuxt 3 y Pinia y contribuí a la API con Node.js, junto con el equipo del ICRA.",{"type":38,"tag":63,"props":69,"children":70},{},[71],{"type":44,"value":72},"La parte central es «Find your solution», un asistente por pasos: el usuario define su escenario (agua, contaminantes, superficie, prioridades) y la herramienta le propone las soluciones más adecuadas.",{"type":38,"tag":63,"props":74,"children":75},{},[76],{"type":44,"value":77},"Las soluciones se comparan con un análisis multicriterio con gráficos, y se puede generar un informe.",{"type":38,"tag":63,"props":79,"children":80},{},[81],{"type":44,"value":82},"También hay un catálogo de soluciones, publicaciones científicas y casos de mercado, con un circuito para aceptarlos y publicarlos.",{"type":38,"tag":63,"props":84,"children":85},{},[86],{"type":44,"value":87},"Completan la herramienta los perfiles de usuario, los escenarios guardados, el servicio de ayuda, las guías y las preguntas frecuentes, todo adaptado a móviles.",{"type":38,"tag":39,"props":89,"children":91},{"id":90},"resultado",[92],{"type":44,"value":93},"Resultado",{"type":38,"tag":47,"props":95,"children":96},{},[97],{"type":44,"value":98},"La herramienta es pública y sigue activa en nat4wat.icra.cat.",{"title":7,"searchDepth":100,"depth":100,"links":101},2,[102,103,104],{"id":41,"depth":100,"text":45},{"id":54,"depth":100,"text":57},{"id":90,"depth":100,"text":93},"markdown","content:es:projects:nat4wat.md","content","es\u002Fprojects\u002Fnat4wat.md","es\u002Fprojects\u002Fnat4wat","md",[112,180,254,336,391,454,522,600,660,724,789],{"_path":113,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":114,"description":7,"slug":115,"order":116,"category":117,"sector":118,"year":119,"role":120,"status":15,"outstanding":16,"url":121,"image":122,"imageWidth":19,"imageHeight":20,"summary":123,"technologies":124,"body":130,"_type":105,"_id":177,"_source":107,"_file":178,"_stem":179,"_extension":110},"\u002Fes\u002Fprojects\u002Fgelinet","Gelinet","gelinet",1,"Página Web","Servicios de limpieza","2021","Diseño y desarrollo full-stack","https:\u002F\u002Fgelinet.net","\u002Fimages\u002Fprojects\u002Fgelinet-2026.webp","Web multilingüe para una empresa de limpieza de Cassà de la Selva, ahora en migración a una web estática más rápida.",[125,126,127,128,129],"Laravel","PHP","Bootstrap","HTML","Sass",{"type":35,"children":131,"toc":172},[132,136,141,145,163,167],{"type":38,"tag":39,"props":133,"children":134},{"id":41},[135],{"type":44,"value":45},{"type":38,"tag":47,"props":137,"children":138},{},[139],{"type":44,"value":140},"Gelinet es una empresa de servicios de limpieza de Cassà de la Selva (Girona) que trabaja para negocios y particulares de toda la comarca. Necesitaba una web donde explicar sus servicios y la zona donde trabaja, y que pudiera mantener ella misma en catalán, castellano e inglés.",{"type":38,"tag":39,"props":142,"children":143},{"id":54},[144],{"type":44,"value":57},{"type":38,"tag":59,"props":146,"children":147},{},[148,153,158],{"type":38,"tag":63,"props":149,"children":150},{},[151],{"type":44,"value":152},"Diseñé y desarrollé la web en 2021 con Laravel, sobre un CMS propio que había creado para mis proyectos de cliente.",{"type":38,"tag":63,"props":154,"children":155},{},[156],{"type":44,"value":157},"Los textos de cada idioma, las secciones y el blog se gestionaban desde un panel de administración, sin depender de mí para cada cambio.",{"type":38,"tag":63,"props":159,"children":160},{},[161],{"type":44,"value":162},"En 2026 la estoy migrando a una web 100% estática con Nuxt y Tailwind, alojada en Cloudflare Pages: sin base de datos ni servidor, y con los formularios enviados con Resend.",{"type":38,"tag":39,"props":164,"children":165},{"id":90},[166],{"type":44,"value":93},{"type":38,"tag":47,"props":168,"children":169},{},[170],{"type":44,"value":171},"La web lleva en línea desde 2021 y es la única de esta lista que todavía se puede visitar. La nueva versión estática es más rápida, más segura y prácticamente no tiene coste de mantenimiento.",{"title":7,"searchDepth":100,"depth":100,"links":173},[174,175,176],{"id":41,"depth":100,"text":45},{"id":54,"depth":100,"text":57},{"id":90,"depth":100,"text":93},"content:es:projects:gelinet.md","es\u002Fprojects\u002Fgelinet.md","es\u002Fprojects\u002Fgelinet",{"_path":181,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":182,"description":7,"slug":183,"order":100,"category":11,"sector":184,"year":185,"role":14,"status":186,"outstanding":6,"url":7,"image":187,"imageWidth":188,"imageHeight":189,"summary":190,"gallery":191,"technologies":197,"body":199,"_type":105,"_id":251,"_source":107,"_file":252,"_stem":253,"_extension":110},"\u002Fes\u002Fprojects\u002Fclica-t","Clica't","clica-t","Educación","2016","offline","\u002Fimages\u002Fprojects\u002Fclicat-home.webp",1920,1080,"Plataforma educativa para escuelas con exámenes, ejercicios, informes de progreso y comunicación con las familias.",[192],{"src":193,"width":194,"height":195,"alt":196},"\u002Fimages\u002Fprojects\u002Fclicat-deures.webp",1596,730,"Espacio del alumno con los deberes asignados por asignatura",[126,127,128,198],"CSS",{"type":35,"children":200,"toc":246},[201,205,210,214,237,241],{"type":38,"tag":39,"props":202,"children":203},{"id":41},[204],{"type":44,"value":45},{"type":38,"tag":47,"props":206,"children":207},{},[208],{"type":44,"value":209},"Clica't es una plataforma en línea para escuelas, pensada para que el profesorado pueda proponer actividades, evaluar al alumnado y hacer su seguimiento, y para que las familias puedan estar al tanto del progreso de sus hijos.",{"type":38,"tag":39,"props":211,"children":212},{"id":54},[213],{"type":44,"value":57},{"type":38,"tag":59,"props":215,"children":216},{},[217,222,227,232],{"type":38,"tag":63,"props":218,"children":219},{},[220],{"type":44,"value":221},"Empecé a desarrollarla hacia 2016 y fui añadiendo módulos para tres perfiles: profesorado, alumnado y familias, cada uno con su espacio y sus permisos.",{"type":38,"tag":63,"props":223,"children":224},{},[225],{"type":44,"value":226},"El profesorado puede crear exámenes, listas de problemas y cuadernos de ejercicios, y organizar al alumnado en grupos.",{"type":38,"tag":63,"props":228,"children":229},{},[230],{"type":44,"value":231},"Hay informes de progreso y de deberes, con exportación a Excel y PDF.",{"type":38,"tag":63,"props":233,"children":234},{},[235],{"type":44,"value":236},"Las familias tienen su propio acceso, con informes y un chat con el profesorado.",{"type":38,"tag":39,"props":238,"children":239},{"id":90},[240],{"type":44,"value":93},{"type":38,"tag":47,"props":242,"children":243},{},[244],{"type":44,"value":245},"La plataforma se usó en las escuelas durante varios cursos. Actualmente ya no está en línea, pero fue el proyecto en el que más aprendí sobre aplicaciones con muchos usuarios y roles distintos.",{"title":7,"searchDepth":100,"depth":100,"links":247},[248,249,250],{"id":41,"depth":100,"text":45},{"id":54,"depth":100,"text":57},{"id":90,"depth":100,"text":93},"content:es:projects:clica-t.md","es\u002Fprojects\u002Fclica-t.md","es\u002Fprojects\u002Fclica-t",{"_path":255,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":256,"description":7,"slug":257,"order":258,"category":11,"sector":259,"year":260,"role":14,"status":15,"outstanding":16,"url":261,"image":262,"imageWidth":19,"imageHeight":20,"summary":263,"gallery":264,"technologies":271,"body":276,"_type":105,"_id":333,"_source":107,"_file":334,"_stem":335,"_extension":110},"\u002Fes\u002Fprojects\u002Fedicitnet","EdiCitNet","edicitnet",3,"Investigación · Medio ambiente","2020–2024","https:\u002F\u002Fediblecitiesnetwork.com","\u002Fimages\u002Fprojects\u002Fedicitnet-2x.webp","Plataforma internacional del proyecto europeo EdiCitNet sobre ciudades comestibles, desarrollada con el ICRA.",[265,268],{"src":266,"width":19,"height":20,"alt":267},"\u002Fimages\u002Fprojects\u002Fedicitnet-cataleg.webp","Catálogo de iniciativas y soluciones con el mapa interactivo",{"src":269,"width":19,"height":20,"alt":270},"\u002Fimages\u002Fprojects\u002Fedicitnet-esdeveniments.webp","Agenda de eventos con filtros y mapa",[31,33,272,273,274,275],"Express","MySQL","Leaflet","Vue I18n",{"type":35,"children":277,"toc":328},[278,282,287,291,319,323],{"type":38,"tag":39,"props":279,"children":280},{"id":41},[281],{"type":44,"value":45},{"type":38,"tag":47,"props":283,"children":284},{},[285],{"type":44,"value":286},"EdiCitNet (Edible Cities Network) es un proyecto europeo Horizon 2020 sobre ciudades comestibles: huertos urbanos, cubiertas verdes productivas y otras iniciativas que integran la producción de alimentos en la ciudad. El proyecto necesitaba una plataforma en línea donde ciudades, entidades e investigadores pudieran compartir estas soluciones y aprender unos de otros.",{"type":38,"tag":39,"props":288,"children":289},{"id":54},[290],{"type":44,"value":57},{"type":38,"tag":59,"props":292,"children":293},{},[294,299,304,309,314],{"type":38,"tag":63,"props":295,"children":296},{},[297],{"type":44,"value":298},"Como freelance, trabajé con el equipo de desarrollo del ICRA (Instituto Catalán de Investigación del Agua) en dos versiones de la plataforma, entre 2020 y 2024.",{"type":38,"tag":63,"props":300,"children":301},{},[302],{"type":44,"value":303},"La primera versión se hizo con Vue 2 y Chart.js. La segunda es una reescritura completa con Vue 3 y Vite.",{"type":38,"tag":63,"props":305,"children":306},{},[307],{"type":44,"value":308},"Desarrollé tanto el frontend como la API, con Node.js, Express y MySQL. La API incluye autenticación, subida de imágenes y envío de correos.",{"type":38,"tag":63,"props":310,"children":311},{},[312],{"type":44,"value":313},"La plataforma tiene un catálogo de iniciativas y soluciones con mapa interactivo (Leaflet), perfiles, noticias y eventos, recursos, comunidad, preguntas y respuestas y cuestionarios de evaluación.",{"type":38,"tag":63,"props":315,"children":316},{},[317],{"type":44,"value":318},"Toda la interfaz es multilingüe.",{"type":38,"tag":39,"props":320,"children":321},{"id":90},[322],{"type":44,"value":93},{"type":38,"tag":47,"props":324,"children":325},{},[326],{"type":44,"value":327},"La plataforma sigue activa y da servicio a la red internacional del proyecto. Me permitió colaborar con un equipo de desarrollo distribuido de un centro de investigación.",{"title":7,"searchDepth":100,"depth":100,"links":329},[330,331,332],{"id":41,"depth":100,"text":45},{"id":54,"depth":100,"text":57},{"id":90,"depth":100,"text":93},"content:es:projects:edicitnet.md","es\u002Fprojects\u002Fedicitnet.md","es\u002Fprojects\u002Fedicitnet",{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":7,"slug":9,"order":10,"category":11,"sector":12,"year":13,"role":14,"status":15,"outstanding":16,"url":17,"image":18,"imageWidth":19,"imageHeight":20,"summary":21,"gallery":337,"technologies":340,"body":341,"_type":105,"_id":106,"_source":107,"_file":108,"_stem":109,"_extension":110},[338,339],{"src":24,"width":19,"height":20,"alt":25},{"src":27,"width":19,"height":20,"alt":28},[30,31,32,33],{"type":35,"children":342,"toc":386},[343,347,351,355,378,382],{"type":38,"tag":39,"props":344,"children":345},{"id":41},[346],{"type":44,"value":45},{"type":38,"tag":47,"props":348,"children":349},{},[350],{"type":44,"value":51},{"type":38,"tag":39,"props":352,"children":353},{"id":54},[354],{"type":44,"value":57},{"type":38,"tag":59,"props":356,"children":357},{},[358,362,366,370,374],{"type":38,"tag":63,"props":359,"children":360},{},[361],{"type":44,"value":67},{"type":38,"tag":63,"props":363,"children":364},{},[365],{"type":44,"value":72},{"type":38,"tag":63,"props":367,"children":368},{},[369],{"type":44,"value":77},{"type":38,"tag":63,"props":371,"children":372},{},[373],{"type":44,"value":82},{"type":38,"tag":63,"props":375,"children":376},{},[377],{"type":44,"value":87},{"type":38,"tag":39,"props":379,"children":380},{"id":90},[381],{"type":44,"value":93},{"type":38,"tag":47,"props":383,"children":384},{},[385],{"type":44,"value":98},{"title":7,"searchDepth":100,"depth":100,"links":387},[388,389,390],{"id":41,"depth":100,"text":45},{"id":54,"depth":100,"text":57},{"id":90,"depth":100,"text":93},{"_path":392,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":393,"description":7,"slug":394,"order":395,"category":11,"sector":396,"year":397,"role":120,"status":398,"outstanding":6,"url":7,"image":399,"imageWidth":19,"imageHeight":20,"summary":400,"technologies":401,"body":404,"_type":105,"_id":451,"_source":107,"_file":452,"_stem":453,"_extension":110},"\u002Fes\u002Fprojects\u002Fenfaixapp","EnfaixApp","enfaixapp",5,"Cultura popular · Castells","2022","private","\u002Fimages\u002Fprojects\u002Fenfaixapp-2x.webp","Aplicación para organizar una colla castellera: castellers, ensayos, asistencia y diseño de castells posición por posición.",[125,126,31,402,403],"Vuex","Tailwind CSS",{"type":35,"children":405,"toc":447},[406,410,415,419],{"type":38,"tag":39,"props":407,"children":408},{"id":41},[409],{"type":44,"value":45},{"type":38,"tag":47,"props":411,"children":412},{},[413],{"type":44,"value":414},"Organizar una colla castellera implica saber quién vendrá a cada ensayo y actuación, y decidir quién ocupa cada posición de la pinya y del tronco. Hacía falta una herramienta que reuniera toda esta información en un solo lugar.",{"type":38,"tag":39,"props":416,"children":417},{"id":54},[418],{"type":44,"value":57},{"type":38,"tag":59,"props":420,"children":421},{},[422,427,432,437,442],{"type":38,"tag":63,"props":423,"children":424},{},[425],{"type":44,"value":426},"En 2022 diseñé y desarrollé EnfaixApp, una aplicación web con Laravel, Vue y Tailwind CSS.",{"type":38,"tag":63,"props":428,"children":429},{},[430],{"type":44,"value":431},"Cada casteller tiene su ficha, con las posiciones en las que puede hacer castells.",{"type":38,"tag":63,"props":433,"children":434},{},[435],{"type":44,"value":436},"Hay un calendario de ensayos y actuaciones donde cada uno confirma si asistirá, y los responsables ven la asistencia al momento.",{"type":38,"tag":63,"props":438,"children":439},{},[440],{"type":44,"value":441},"La parte central es un diseñador de castells con plantillas: en él se asigna cada casteller a su posición y se puede ver el castell entero o la posición de cada persona.",{"type":38,"tag":63,"props":443,"children":444},{},[445],{"type":44,"value":446},"También tiene formularios con respuestas, notificaciones, un registro de actividad reciente y roles con permisos distintos.",{"title":7,"searchDepth":100,"depth":100,"links":448},[449,450],{"id":41,"depth":100,"text":45},{"id":54,"depth":100,"text":57},"content:es:projects:enfaixapp.md","es\u002Fprojects\u002Fenfaixapp.md","es\u002Fprojects\u002Fenfaixapp",{"_path":455,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":456,"description":7,"slug":457,"order":458,"category":11,"sector":259,"year":459,"role":120,"status":398,"outstanding":6,"url":7,"image":460,"imageWidth":19,"imageHeight":20,"summary":461,"gallery":462,"technologies":466,"body":467,"_type":105,"_id":519,"_source":107,"_file":520,"_stem":521,"_extension":110},"\u002Fes\u002Fprojects\u002Ficra-workshop","Herramienta para talleres participativos","icra-workshop",6,"2023","\u002Fimages\u002Fprojects\u002Ficra-workshop-2x.webp","Herramienta interactiva del ICRA para recoger votos en talleres y priorizar beneficios, inconvenientes e indicadores.",[463],{"src":464,"width":19,"height":20,"alt":465},"\u002Fimages\u002Fprojects\u002Ficra-workshop-top10.webp","Ranking de los 10 aspectos más votados durante un taller (datos de prueba)",[30,31,32,403],{"type":35,"children":468,"toc":514},[469,473,478,482,505,509],{"type":38,"tag":39,"props":470,"children":471},{"id":41},[472],{"type":44,"value":45},{"type":38,"tag":47,"props":474,"children":475},{},[476],{"type":44,"value":477},"En los talleres participativos del ICRA, los asistentes valoran los beneficios y los inconvenientes de distintas soluciones para la ciudad. Hacía falta una herramienta para introducir los votos en directo y ver rápidamente qué aspectos eran prioritarios y con qué indicadores se podían medir.",{"type":38,"tag":39,"props":479,"children":480},{"id":54},[481],{"type":44,"value":57},{"type":38,"tag":59,"props":483,"children":484},{},[485,490,495,500],{"type":38,"tag":63,"props":486,"children":487},{},[488],{"type":44,"value":489},"Fue un encargo puntual: desarrollé una aplicación web con Nuxt 3, Pinia y Tailwind CSS.",{"type":38,"tag":63,"props":491,"children":492},{},[493],{"type":44,"value":494},"Los beneficios se organizan en ambientales y socioeconómicos, y los inconvenientes van aparte. Para cada uno se introduce el número de votos, y también se pueden añadir campos personalizados durante el taller.",{"type":38,"tag":63,"props":496,"children":497},{},[498],{"type":44,"value":499},"Con un clic, la herramienta calcula el ranking de los 10 aspectos más votados y muestra sus indicadores relacionados con gráficos.",{"type":38,"tag":63,"props":501,"children":502},{},[503],{"type":44,"value":504},"Los indicadores y sus relaciones se cargan desde archivos CSV preparados por el equipo de investigación, y se pueden actualizar sin tocar el código.",{"type":38,"tag":39,"props":506,"children":507},{"id":90},[508],{"type":44,"value":93},{"type":38,"tag":47,"props":510,"children":511},{},[512],{"type":44,"value":513},"Era una herramienta privada, pensada para el equipo del ICRA, que se fue ajustando con el feedback de los talleres.",{"title":7,"searchDepth":100,"depth":100,"links":515},[516,517,518],{"id":41,"depth":100,"text":45},{"id":54,"depth":100,"text":57},{"id":90,"depth":100,"text":93},"content:es:projects:icra-workshop.md","es\u002Fprojects\u002Ficra-workshop.md","es\u002Fprojects\u002Ficra-workshop",{"_path":523,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":524,"description":7,"slug":525,"order":526,"category":117,"sector":527,"year":528,"role":120,"status":15,"outstanding":6,"url":529,"image":530,"imageWidth":531,"imageHeight":532,"summary":533,"gallery":534,"technologies":544,"body":545,"_type":105,"_id":597,"_source":107,"_file":598,"_stem":599,"_extension":110},"\u002Fes\u002Fprojects\u002Fhostal-bartis","Hostal Bartis","hostal-bartis",7,"Turismo","2020","https:\u002F\u002Fhostalbartis.com","\u002Fimages\u002Fprojects\u002Fhostal-bartis-home.webp",3578,1882,"Web para un hostal familiar para mostrar las habitaciones y los servicios y recibir solicitudes de reserva.",[535,538,541],{"src":536,"width":19,"height":20,"alt":537},"\u002Fimages\u002Fprojects\u002Fhostal-bartis-habitacions.webp","Página de habitaciones",{"src":539,"width":19,"height":20,"alt":540},"\u002Fimages\u002Fprojects\u002Fhostal-bartis-doble.webp","Ficha de la habitación doble con galería de fotos",{"src":542,"width":19,"height":20,"alt":543},"\u002Fimages\u002Fprojects\u002Fhostal-bartis-historia.webp","Página de historia del hostal",[125,126,127,128,198],{"type":35,"children":546,"toc":592},[547,551,556,560,583,587],{"type":38,"tag":39,"props":548,"children":549},{"id":41},[550],{"type":44,"value":45},{"type":38,"tag":47,"props":552,"children":553},{},[554],{"type":44,"value":555},"El Hostal Bartis, un negocio familiar de Figueres fundado en 1909, necesitaba una web que transmitiera el ambiente de la casa, mostrara las habitaciones y los servicios, y le permitiera recibir solicitudes de reserva directamente, sin depender solo de las plataformas de reservas.",{"type":38,"tag":39,"props":557,"children":558},{"id":54},[559],{"type":44,"value":57},{"type":38,"tag":59,"props":561,"children":562},{},[563,568,573,578],{"type":38,"tag":63,"props":564,"children":565},{},[566],{"type":44,"value":567},"Diseñé y desarrollé la web con Laravel y Bootstrap, adaptada a móviles.",{"type":38,"tag":63,"props":569,"children":570},{},[571],{"type":44,"value":572},"La monté sobre mi CMS propio para que los propietarios pudieran actualizar textos, fotos y habitaciones desde un panel.",{"type":38,"tag":63,"props":574,"children":575},{},[576],{"type":44,"value":577},"Los contenidos estaban en catalán, castellano e inglés, pensando en el visitante extranjero.",{"type":38,"tag":63,"props":579,"children":580},{},[581],{"type":44,"value":582},"Añadí un formulario de contacto y de reserva.",{"type":38,"tag":39,"props":584,"children":585},{"id":90},[586],{"type":44,"value":93},{"type":38,"tag":47,"props":588,"children":589},{},[590],{"type":44,"value":591},"La web está en línea desde 2020, y desde entonces los propietarios gestionan su contenido de forma autónoma.",{"title":7,"searchDepth":100,"depth":100,"links":593},[594,595,596],{"id":41,"depth":100,"text":45},{"id":54,"depth":100,"text":57},{"id":90,"depth":100,"text":93},"content:es:projects:hostal-bartis.md","es\u002Fprojects\u002Fhostal-bartis.md","es\u002Fprojects\u002Fhostal-bartis",{"_path":601,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":602,"description":7,"slug":603,"order":604,"category":117,"sector":605,"year":606,"role":120,"status":186,"outstanding":6,"url":7,"image":607,"imageWidth":19,"imageHeight":20,"summary":608,"technologies":609,"body":610,"_type":105,"_id":657,"_source":107,"_file":658,"_stem":659,"_extension":110},"\u002Fes\u002Fprojects\u002Fmerce-paytuvi","Mercè Paytuví","merce-paytuvi",8,"Artesanía textil","2019","\u002Fimages\u002Fprojects\u002Fmerce-paytuvi-2x.webp","Web y blog para una artesana textil de Mont-ras, con dos versiones entre 2019 y 2023.",[125,126,127,128,198],{"type":35,"children":611,"toc":652},[612,616,621,625,643,647],{"type":38,"tag":39,"props":613,"children":614},{"id":41},[615],{"type":44,"value":45},{"type":38,"tag":47,"props":617,"children":618},{},[619],{"type":44,"value":620},"Mercè Paytuví es una artesana textil de Mont-ras que quería mostrar su obra y explicar su proceso de trabajo, y publicar novedades sin tener que pedir ayuda cada vez.",{"type":38,"tag":39,"props":622,"children":623},{"id":54},[624],{"type":44,"value":57},{"type":38,"tag":59,"props":626,"children":627},{},[628,633,638],{"type":38,"tag":63,"props":629,"children":630},{},[631],{"type":44,"value":632},"En 2019 hice la primera versión de la web con Laravel, en catalán e inglés. Fue uno de los primeros proyectos en los que usé mi CMS propio.",{"type":38,"tag":63,"props":634,"children":635},{},[636],{"type":44,"value":637},"Entre 2022 y 2023 la rehice con un diseño nuevo con Bootstrap 5, y añadí un blog con categorías y el castellano.",{"type":38,"tag":63,"props":639,"children":640},{},[641],{"type":44,"value":642},"Ella misma podía actualizar textos, imágenes y entradas del blog desde el panel.",{"type":38,"tag":39,"props":644,"children":645},{"id":90},[646],{"type":44,"value":93},{"type":38,"tag":47,"props":648,"children":649},{},[650],{"type":44,"value":651},"Fue una colaboración de varios años que acompañó la evolución de su proyecto. Actualmente la web ya no está en línea.",{"title":7,"searchDepth":100,"depth":100,"links":653},[654,655,656],{"id":41,"depth":100,"text":45},{"id":54,"depth":100,"text":57},{"id":90,"depth":100,"text":93},"content:es:projects:merce-paytuvi.md","es\u002Fprojects\u002Fmerce-paytuvi.md","es\u002Fprojects\u002Fmerce-paytuvi",{"_path":661,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":662,"description":7,"slug":663,"order":664,"category":117,"sector":665,"year":119,"role":120,"status":186,"outstanding":6,"url":7,"image":666,"imageWidth":19,"imageHeight":20,"summary":667,"technologies":668,"body":669,"_type":105,"_id":721,"_source":107,"_file":722,"_stem":723,"_extension":110},"\u002Fes\u002Fprojects\u002Fintegral","Integral","integral",9,"Servicios a empresas","\u002Fimages\u002Fprojects\u002Fintegral-2x.webp","Web corporativa multilingüe para una empresa de servicios de Banyoles, gestionable desde un panel propio.",[125,126,127,198,129],{"type":35,"children":670,"toc":716},[671,675,680,684,707,711],{"type":38,"tag":39,"props":672,"children":673},{"id":41},[674],{"type":44,"value":45},{"type":38,"tag":47,"props":676,"children":677},{},[678],{"type":44,"value":679},"Integral, una empresa de servicios de Banyoles, necesitaba una web corporativa clara para presentar su actividad en varios idiomas y poder actualizarla internamente.",{"type":38,"tag":39,"props":681,"children":682},{"id":54},[683],{"type":44,"value":57},{"type":38,"tag":59,"props":685,"children":686},{},[687,692,697,702],{"type":38,"tag":63,"props":688,"children":689},{},[690],{"type":44,"value":691},"Desarrollé la web en 2021 con Laravel, Bootstrap y Sass, sobre mi CMS propio.",{"type":38,"tag":63,"props":693,"children":694},{},[695],{"type":44,"value":696},"Los contenidos estaban en catalán, castellano e inglés, con secciones y plantillas configurables y un blog con categorías.",{"type":38,"tag":63,"props":698,"children":699},{},[700],{"type":44,"value":701},"Añadí un formulario de contacto y la integración con herramientas de analítica.",{"type":38,"tag":63,"props":703,"children":704},{},[705],{"type":44,"value":706},"Tras el lanzamiento, también me encargué de la gestión del correo, los dominios y los servidores.",{"type":38,"tag":39,"props":708,"children":709},{"id":90},[710],{"type":44,"value":93},{"type":38,"tag":47,"props":712,"children":713},{},[714],{"type":44,"value":715},"La empresa tuvo una web que podía gestionar de forma autónoma. Actualmente ya no está en línea.",{"title":7,"searchDepth":100,"depth":100,"links":717},[718,719,720],{"id":41,"depth":100,"text":45},{"id":54,"depth":100,"text":57},{"id":90,"depth":100,"text":93},"content:es:projects:integral.md","es\u002Fprojects\u002Fintegral.md","es\u002Fprojects\u002Fintegral",{"_path":725,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":726,"description":7,"slug":727,"order":728,"category":117,"sector":729,"year":119,"role":120,"status":186,"outstanding":6,"url":7,"image":730,"imageWidth":19,"imageHeight":20,"summary":731,"gallery":732,"technologies":736,"body":739,"_type":105,"_id":786,"_source":107,"_file":787,"_stem":788,"_extension":110},"\u002Fes\u002Fprojects\u002Fdavid-busquets","David Busquets","david-busquets",10,"Música","\u002Fimages\u002Fprojects\u002Fdavidbusquets-2x.webp","Web para un músico con galería, videoclips, lista de reproducción y fechas de conciertos.",[733],{"src":734,"width":19,"height":20,"alt":735},"\u002Fimages\u002Fprojects\u002Fdavidbusquets-albums.webp","Sección de álbumes con enlaces a las plataformas de música",[31,737,738],"Tailwind","Vite",{"type":35,"children":740,"toc":781},[741,745,750,754,772,776],{"type":38,"tag":39,"props":742,"children":743},{"id":41},[744],{"type":44,"value":45},{"type":38,"tag":47,"props":746,"children":747},{},[748],{"type":44,"value":749},"El músico David Busquets quería una web ligera que reuniera toda su actividad: música, vídeos, fotos y próximos conciertos.",{"type":38,"tag":39,"props":751,"children":752},{"id":54},[753],{"type":44,"value":57},{"type":38,"tag":59,"props":755,"children":756},{},[757,762,767],{"type":38,"tag":63,"props":758,"children":759},{},[760],{"type":44,"value":761},"Creé una aplicación de una sola página con Vue 3, Vite y Tailwind CSS, rápida y adaptada a móviles.",{"type":38,"tag":63,"props":763,"children":764},{},[765],{"type":44,"value":766},"Hice componentes específicos: galería de fotos, videoclips, lista de reproducción y un calendario de conciertos.",{"type":38,"tag":63,"props":768,"children":769},{},[770],{"type":44,"value":771},"La web era multilingüe, con cambio de idioma sin recargar la página.",{"type":38,"tag":39,"props":773,"children":774},{"id":90},[775],{"type":44,"value":93},{"type":38,"tag":47,"props":777,"children":778},{},[779],{"type":44,"value":780},"La web reunió en un solo lugar toda la actividad del músico. Actualmente ya no está en línea.",{"title":7,"searchDepth":100,"depth":100,"links":782},[783,784,785],{"id":41,"depth":100,"text":45},{"id":54,"depth":100,"text":57},{"id":90,"depth":100,"text":93},"content:es:projects:david-busquets.md","es\u002Fprojects\u002Fdavid-busquets.md","es\u002Fprojects\u002Fdavid-busquets",{"_path":790,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":791,"description":7,"slug":792,"order":793,"category":117,"sector":794,"year":795,"role":120,"status":15,"outstanding":6,"url":796,"image":797,"imageWidth":798,"imageHeight":799,"summary":800,"technologies":801,"body":807,"_type":105,"_id":859,"_source":107,"_file":860,"_stem":861,"_extension":110},"\u002Fes\u002Fprojects\u002Fdavid-crous","David Crous","david-crous",11,"Portafolio personal","2026","https:\u002F\u002Fcrousmayne.com","\u002Fimages\u002Fprojects\u002Fdavidcrous-home.webp",3582,1870,"Esta misma web: estática, en tres idiomas y alojada en Cloudflare Pages.",[30,802,803,804,805,806],"Vue 3","Tailwind 4","Nuxt Content","Nuxt i18n","Figma",{"type":35,"children":808,"toc":854},[809,813,818,822,845,849],{"type":38,"tag":39,"props":810,"children":811},{"id":41},[812],{"type":44,"value":45},{"type":38,"tag":47,"props":814,"children":815},{},[816],{"type":44,"value":817},"Mi web anterior dependía de un CMS con servidor y base de datos. Quería una web más rápida, más sencilla de mantener y que no me costara nada tener en línea.",{"type":38,"tag":39,"props":819,"children":820},{"id":54},[821],{"type":44,"value":57},{"type":38,"tag":59,"props":823,"children":824},{},[825,830,835,840],{"type":38,"tag":63,"props":826,"children":827},{},[828],{"type":44,"value":829},"La rediseñé y desarrollé desde cero con Nuxt 3, Tailwind 4 y Nuxt Content, con todo el contenido en archivos Markdown.",{"type":38,"tag":63,"props":831,"children":832},{},[833],{"type":44,"value":834},"Todas las páginas se generan como HTML estático, en catalán, castellano e inglés.",{"type":38,"tag":63,"props":836,"children":837},{},[838],{"type":44,"value":839},"Está alojada en Cloudflare Pages: se publica automáticamente con cada cambio y mide las visitas sin cookies.",{"type":38,"tag":63,"props":841,"children":842},{},[843],{"type":44,"value":844},"Tiene SEO por idioma (hreflang, sitemap y Schema.org) y un hero con una animación de partículas interactiva.",{"type":38,"tag":39,"props":846,"children":847},{"id":90},[848],{"type":44,"value":93},{"type":38,"tag":47,"props":850,"children":851},{},[852],{"type":44,"value":853},"Es la web que estás viendo ahora.",{"title":7,"searchDepth":100,"depth":100,"links":855},[856,857,858],{"id":41,"depth":100,"text":45},{"id":54,"depth":100,"text":57},{"id":90,"depth":100,"text":93},"content:es:projects:david-crous.md","es\u002Fprojects\u002Fdavid-crous.md","es\u002Fprojects\u002Fdavid-crous",1791375139638]