[{"data":1,"prerenderedAt":852},["ShallowReactive",2],{"project-clica-t":3,"project-nav-clica-t":102},{"_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":6,"url":7,"image":16,"imageWidth":17,"imageHeight":18,"summary":19,"gallery":20,"technologies":26,"body":31,"_type":96,"_id":97,"_source":98,"_file":99,"_stem":100,"_extension":101},"\u002Fes\u002Fprojects\u002Fclica-t","projects",false,"","Clica't","clica-t",2,"Aplicación Web","Educación","2016","Desarrollo full-stack","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.",[21],{"src":22,"width":23,"height":24,"alt":25},"\u002Fimages\u002Fprojects\u002Fclicat-deures.webp",1596,730,"Espacio del alumno con los deberes asignados por asignatura",[27,28,29,30],"PHP","Bootstrap","HTML","CSS",{"type":32,"children":33,"toc":91},"root",[34,43,49,55,80,86],{"type":35,"tag":36,"props":37,"children":39},"element","h2",{"id":38},"el-reto",[40],{"type":41,"value":42},"text","El reto",{"type":35,"tag":44,"props":45,"children":46},"p",{},[47],{"type":41,"value":48},"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":35,"tag":36,"props":50,"children":52},{"id":51},"qué-hice",[53],{"type":41,"value":54},"Qué hice",{"type":35,"tag":56,"props":57,"children":58},"ul",{},[59,65,70,75],{"type":35,"tag":60,"props":61,"children":62},"li",{},[63],{"type":41,"value":64},"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":35,"tag":60,"props":66,"children":67},{},[68],{"type":41,"value":69},"El profesorado puede crear exámenes, listas de problemas y cuadernos de ejercicios, y organizar al alumnado en grupos.",{"type":35,"tag":60,"props":71,"children":72},{},[73],{"type":41,"value":74},"Hay informes de progreso y de deberes, con exportación a Excel y PDF.",{"type":35,"tag":60,"props":76,"children":77},{},[78],{"type":41,"value":79},"Las familias tienen su propio acceso, con informes y un chat con el profesorado.",{"type":35,"tag":36,"props":81,"children":83},{"id":82},"resultado",[84],{"type":41,"value":85},"Resultado",{"type":35,"tag":44,"props":87,"children":88},{},[89],{"type":41,"value":90},"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":10,"depth":10,"links":92},[93,94,95],{"id":38,"depth":10,"text":42},{"id":51,"depth":10,"text":54},{"id":82,"depth":10,"text":85},"markdown","content:es:projects:clica-t.md","content","es\u002Fprojects\u002Fclica-t.md","es\u002Fprojects\u002Fclica-t","md",[103,172,222,306,386,449,517,595,655,714,779],{"_path":104,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":105,"description":7,"slug":106,"order":107,"category":108,"sector":109,"year":110,"role":111,"status":112,"outstanding":113,"url":114,"image":115,"imageWidth":116,"imageHeight":117,"summary":118,"technologies":119,"body":122,"_type":96,"_id":169,"_source":98,"_file":170,"_stem":171,"_extension":101},"\u002Fes\u002Fprojects\u002Fgelinet","Gelinet","gelinet",1,"Página Web","Servicios de limpieza","2021","Diseño y desarrollo full-stack","online",true,"https:\u002F\u002Fgelinet.net","\u002Fimages\u002Fprojects\u002Fgelinet-2026.webp",2560,1440,"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.",[120,27,28,29,121],"Laravel","Sass",{"type":32,"children":123,"toc":164},[124,128,133,137,155,159],{"type":35,"tag":36,"props":125,"children":126},{"id":38},[127],{"type":41,"value":42},{"type":35,"tag":44,"props":129,"children":130},{},[131],{"type":41,"value":132},"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":35,"tag":36,"props":134,"children":135},{"id":51},[136],{"type":41,"value":54},{"type":35,"tag":56,"props":138,"children":139},{},[140,145,150],{"type":35,"tag":60,"props":141,"children":142},{},[143],{"type":41,"value":144},"Diseñé y desarrollé la web en 2021 con Laravel, sobre un CMS propio que había creado para mis proyectos de cliente.",{"type":35,"tag":60,"props":146,"children":147},{},[148],{"type":41,"value":149},"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":35,"tag":60,"props":151,"children":152},{},[153],{"type":41,"value":154},"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":35,"tag":36,"props":156,"children":157},{"id":82},[158],{"type":41,"value":85},{"type":35,"tag":44,"props":160,"children":161},{},[162],{"type":41,"value":163},"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":10,"depth":10,"links":165},[166,167,168],{"id":38,"depth":10,"text":42},{"id":51,"depth":10,"text":54},{"id":82,"depth":10,"text":85},"content:es:projects:gelinet.md","es\u002Fprojects\u002Fgelinet.md","es\u002Fprojects\u002Fgelinet",{"_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":6,"url":7,"image":16,"imageWidth":17,"imageHeight":18,"summary":19,"gallery":173,"technologies":175,"body":176,"_type":96,"_id":97,"_source":98,"_file":99,"_stem":100,"_extension":101},[174],{"src":22,"width":23,"height":24,"alt":25},[27,28,29,30],{"type":32,"children":177,"toc":217},[178,182,186,190,209,213],{"type":35,"tag":36,"props":179,"children":180},{"id":38},[181],{"type":41,"value":42},{"type":35,"tag":44,"props":183,"children":184},{},[185],{"type":41,"value":48},{"type":35,"tag":36,"props":187,"children":188},{"id":51},[189],{"type":41,"value":54},{"type":35,"tag":56,"props":191,"children":192},{},[193,197,201,205],{"type":35,"tag":60,"props":194,"children":195},{},[196],{"type":41,"value":64},{"type":35,"tag":60,"props":198,"children":199},{},[200],{"type":41,"value":69},{"type":35,"tag":60,"props":202,"children":203},{},[204],{"type":41,"value":74},{"type":35,"tag":60,"props":206,"children":207},{},[208],{"type":41,"value":79},{"type":35,"tag":36,"props":210,"children":211},{"id":82},[212],{"type":41,"value":85},{"type":35,"tag":44,"props":214,"children":215},{},[216],{"type":41,"value":90},{"title":7,"searchDepth":10,"depth":10,"links":218},[219,220,221],{"id":38,"depth":10,"text":42},{"id":51,"depth":10,"text":54},{"id":82,"depth":10,"text":85},{"_path":223,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":224,"description":7,"slug":225,"order":226,"category":11,"sector":227,"year":228,"role":14,"status":112,"outstanding":113,"url":229,"image":230,"imageWidth":116,"imageHeight":117,"summary":231,"gallery":232,"technologies":239,"body":246,"_type":96,"_id":303,"_source":98,"_file":304,"_stem":305,"_extension":101},"\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.",[233,236],{"src":234,"width":116,"height":117,"alt":235},"\u002Fimages\u002Fprojects\u002Fedicitnet-cataleg.webp","Catálogo de iniciativas y soluciones con el mapa interactivo",{"src":237,"width":116,"height":117,"alt":238},"\u002Fimages\u002Fprojects\u002Fedicitnet-esdeveniments.webp","Agenda de eventos con filtros y mapa",[240,241,242,243,244,245],"Vue","Node.js","Express","MySQL","Leaflet","Vue I18n",{"type":32,"children":247,"toc":298},[248,252,257,261,289,293],{"type":35,"tag":36,"props":249,"children":250},{"id":38},[251],{"type":41,"value":42},{"type":35,"tag":44,"props":253,"children":254},{},[255],{"type":41,"value":256},"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":35,"tag":36,"props":258,"children":259},{"id":51},[260],{"type":41,"value":54},{"type":35,"tag":56,"props":262,"children":263},{},[264,269,274,279,284],{"type":35,"tag":60,"props":265,"children":266},{},[267],{"type":41,"value":268},"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":35,"tag":60,"props":270,"children":271},{},[272],{"type":41,"value":273},"La primera versión se hizo con Vue 2 y Chart.js. La segunda es una reescritura completa con Vue 3 y Vite.",{"type":35,"tag":60,"props":275,"children":276},{},[277],{"type":41,"value":278},"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":35,"tag":60,"props":280,"children":281},{},[282],{"type":41,"value":283},"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":35,"tag":60,"props":285,"children":286},{},[287],{"type":41,"value":288},"Toda la interfaz es multilingüe.",{"type":35,"tag":36,"props":290,"children":291},{"id":82},[292],{"type":41,"value":85},{"type":35,"tag":44,"props":294,"children":295},{},[296],{"type":41,"value":297},"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":10,"depth":10,"links":299},[300,301,302],{"id":38,"depth":10,"text":42},{"id":51,"depth":10,"text":54},{"id":82,"depth":10,"text":85},"content:es:projects:edicitnet.md","es\u002Fprojects\u002Fedicitnet.md","es\u002Fprojects\u002Fedicitnet",{"_path":307,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":308,"description":7,"slug":309,"order":310,"category":11,"sector":311,"year":312,"role":14,"status":112,"outstanding":113,"url":313,"image":314,"imageWidth":116,"imageHeight":117,"summary":315,"gallery":316,"technologies":323,"body":326,"_type":96,"_id":383,"_source":98,"_file":384,"_stem":385,"_extension":101},"\u002Fes\u002Fprojects\u002Fnat4wat","Nat4Wat","nat4wat",4,"Investigación · Agua","2023–2025","https:\u002F\u002Fnat4wat.icra.cat","\u002Fimages\u002Fprojects\u002Fnat4wat-2x.webp","Herramienta web del ICRA para elegir soluciones basadas en la naturaleza para tratar, almacenar y reutilizar el agua.",[317,320],{"src":318,"width":116,"height":117,"alt":319},"\u002Fimages\u002Fprojects\u002Fnat4wat-solucions.webp","Catálogo de soluciones basadas en la naturaleza",{"src":321,"width":116,"height":117,"alt":322},"\u002Fimages\u002Fprojects\u002Fnat4wat-casos.webp","Listado de casos de mercado con filtros",[324,240,325,241],"Nuxt 3","Pinia",{"type":32,"children":327,"toc":378},[328,332,337,341,369,373],{"type":35,"tag":36,"props":329,"children":330},{"id":38},[331],{"type":41,"value":42},{"type":35,"tag":44,"props":333,"children":334},{},[335],{"type":41,"value":336},"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":35,"tag":36,"props":338,"children":339},{"id":51},[340],{"type":41,"value":54},{"type":35,"tag":56,"props":342,"children":343},{},[344,349,354,359,364],{"type":35,"tag":60,"props":345,"children":346},{},[347],{"type":41,"value":348},"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":35,"tag":60,"props":350,"children":351},{},[352],{"type":41,"value":353},"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":35,"tag":60,"props":355,"children":356},{},[357],{"type":41,"value":358},"Las soluciones se comparan con un análisis multicriterio con gráficos, y se puede generar un informe.",{"type":35,"tag":60,"props":360,"children":361},{},[362],{"type":41,"value":363},"También hay un catálogo de soluciones, publicaciones científicas y casos de mercado, con un circuito para aceptarlos y publicarlos.",{"type":35,"tag":60,"props":365,"children":366},{},[367],{"type":41,"value":368},"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":35,"tag":36,"props":370,"children":371},{"id":82},[372],{"type":41,"value":85},{"type":35,"tag":44,"props":374,"children":375},{},[376],{"type":41,"value":377},"La herramienta es pública y sigue activa en nat4wat.icra.cat.",{"title":7,"searchDepth":10,"depth":10,"links":379},[380,381,382],{"id":38,"depth":10,"text":42},{"id":51,"depth":10,"text":54},{"id":82,"depth":10,"text":85},"content:es:projects:nat4wat.md","es\u002Fprojects\u002Fnat4wat.md","es\u002Fprojects\u002Fnat4wat",{"_path":387,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":388,"description":7,"slug":389,"order":390,"category":11,"sector":391,"year":392,"role":111,"status":393,"outstanding":6,"url":7,"image":394,"imageWidth":116,"imageHeight":117,"summary":395,"technologies":396,"body":399,"_type":96,"_id":446,"_source":98,"_file":447,"_stem":448,"_extension":101},"\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.",[120,27,240,397,398],"Vuex","Tailwind CSS",{"type":32,"children":400,"toc":442},[401,405,410,414],{"type":35,"tag":36,"props":402,"children":403},{"id":38},[404],{"type":41,"value":42},{"type":35,"tag":44,"props":406,"children":407},{},[408],{"type":41,"value":409},"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":35,"tag":36,"props":411,"children":412},{"id":51},[413],{"type":41,"value":54},{"type":35,"tag":56,"props":415,"children":416},{},[417,422,427,432,437],{"type":35,"tag":60,"props":418,"children":419},{},[420],{"type":41,"value":421},"En 2022 diseñé y desarrollé EnfaixApp, una aplicación web con Laravel, Vue y Tailwind CSS.",{"type":35,"tag":60,"props":423,"children":424},{},[425],{"type":41,"value":426},"Cada casteller tiene su ficha, con las posiciones en las que puede hacer castells.",{"type":35,"tag":60,"props":428,"children":429},{},[430],{"type":41,"value":431},"Hay un calendario de ensayos y actuaciones donde cada uno confirma si asistirá, y los responsables ven la asistencia al momento.",{"type":35,"tag":60,"props":433,"children":434},{},[435],{"type":41,"value":436},"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":35,"tag":60,"props":438,"children":439},{},[440],{"type":41,"value":441},"También tiene formularios con respuestas, notificaciones, un registro de actividad reciente y roles con permisos distintos.",{"title":7,"searchDepth":10,"depth":10,"links":443},[444,445],{"id":38,"depth":10,"text":42},{"id":51,"depth":10,"text":54},"content:es:projects:enfaixapp.md","es\u002Fprojects\u002Fenfaixapp.md","es\u002Fprojects\u002Fenfaixapp",{"_path":450,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":451,"description":7,"slug":452,"order":453,"category":11,"sector":227,"year":454,"role":111,"status":393,"outstanding":6,"url":7,"image":455,"imageWidth":116,"imageHeight":117,"summary":456,"gallery":457,"technologies":461,"body":462,"_type":96,"_id":514,"_source":98,"_file":515,"_stem":516,"_extension":101},"\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.",[458],{"src":459,"width":116,"height":117,"alt":460},"\u002Fimages\u002Fprojects\u002Ficra-workshop-top10.webp","Ranking de los 10 aspectos más votados durante un taller (datos de prueba)",[324,240,325,398],{"type":32,"children":463,"toc":509},[464,468,473,477,500,504],{"type":35,"tag":36,"props":465,"children":466},{"id":38},[467],{"type":41,"value":42},{"type":35,"tag":44,"props":469,"children":470},{},[471],{"type":41,"value":472},"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":35,"tag":36,"props":474,"children":475},{"id":51},[476],{"type":41,"value":54},{"type":35,"tag":56,"props":478,"children":479},{},[480,485,490,495],{"type":35,"tag":60,"props":481,"children":482},{},[483],{"type":41,"value":484},"Fue un encargo puntual: desarrollé una aplicación web con Nuxt 3, Pinia y Tailwind CSS.",{"type":35,"tag":60,"props":486,"children":487},{},[488],{"type":41,"value":489},"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":35,"tag":60,"props":491,"children":492},{},[493],{"type":41,"value":494},"Con un clic, la herramienta calcula el ranking de los 10 aspectos más votados y muestra sus indicadores relacionados con gráficos.",{"type":35,"tag":60,"props":496,"children":497},{},[498],{"type":41,"value":499},"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":35,"tag":36,"props":501,"children":502},{"id":82},[503],{"type":41,"value":85},{"type":35,"tag":44,"props":505,"children":506},{},[507],{"type":41,"value":508},"Era una herramienta privada, pensada para el equipo del ICRA, que se fue ajustando con el feedback de los talleres.",{"title":7,"searchDepth":10,"depth":10,"links":510},[511,512,513],{"id":38,"depth":10,"text":42},{"id":51,"depth":10,"text":54},{"id":82,"depth":10,"text":85},"content:es:projects:icra-workshop.md","es\u002Fprojects\u002Ficra-workshop.md","es\u002Fprojects\u002Ficra-workshop",{"_path":518,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":519,"description":7,"slug":520,"order":521,"category":108,"sector":522,"year":523,"role":111,"status":112,"outstanding":6,"url":524,"image":525,"imageWidth":526,"imageHeight":527,"summary":528,"gallery":529,"technologies":539,"body":540,"_type":96,"_id":592,"_source":98,"_file":593,"_stem":594,"_extension":101},"\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.",[530,533,536],{"src":531,"width":116,"height":117,"alt":532},"\u002Fimages\u002Fprojects\u002Fhostal-bartis-habitacions.webp","Página de habitaciones",{"src":534,"width":116,"height":117,"alt":535},"\u002Fimages\u002Fprojects\u002Fhostal-bartis-doble.webp","Ficha de la habitación doble con galería de fotos",{"src":537,"width":116,"height":117,"alt":538},"\u002Fimages\u002Fprojects\u002Fhostal-bartis-historia.webp","Página de historia del hostal",[120,27,28,29,30],{"type":32,"children":541,"toc":587},[542,546,551,555,578,582],{"type":35,"tag":36,"props":543,"children":544},{"id":38},[545],{"type":41,"value":42},{"type":35,"tag":44,"props":547,"children":548},{},[549],{"type":41,"value":550},"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":35,"tag":36,"props":552,"children":553},{"id":51},[554],{"type":41,"value":54},{"type":35,"tag":56,"props":556,"children":557},{},[558,563,568,573],{"type":35,"tag":60,"props":559,"children":560},{},[561],{"type":41,"value":562},"Diseñé y desarrollé la web con Laravel y Bootstrap, adaptada a móviles.",{"type":35,"tag":60,"props":564,"children":565},{},[566],{"type":41,"value":567},"La monté sobre mi CMS propio para que los propietarios pudieran actualizar textos, fotos y habitaciones desde un panel.",{"type":35,"tag":60,"props":569,"children":570},{},[571],{"type":41,"value":572},"Los contenidos estaban en catalán, castellano e inglés, pensando en el visitante extranjero.",{"type":35,"tag":60,"props":574,"children":575},{},[576],{"type":41,"value":577},"Añadí un formulario de contacto y de reserva.",{"type":35,"tag":36,"props":579,"children":580},{"id":82},[581],{"type":41,"value":85},{"type":35,"tag":44,"props":583,"children":584},{},[585],{"type":41,"value":586},"La web está en línea desde 2020, y desde entonces los propietarios gestionan su contenido de forma autónoma.",{"title":7,"searchDepth":10,"depth":10,"links":588},[589,590,591],{"id":38,"depth":10,"text":42},{"id":51,"depth":10,"text":54},{"id":82,"depth":10,"text":85},"content:es:projects:hostal-bartis.md","es\u002Fprojects\u002Fhostal-bartis.md","es\u002Fprojects\u002Fhostal-bartis",{"_path":596,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":597,"description":7,"slug":598,"order":599,"category":108,"sector":600,"year":601,"role":111,"status":15,"outstanding":6,"url":7,"image":602,"imageWidth":116,"imageHeight":117,"summary":603,"technologies":604,"body":605,"_type":96,"_id":652,"_source":98,"_file":653,"_stem":654,"_extension":101},"\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.",[120,27,28,29,30],{"type":32,"children":606,"toc":647},[607,611,616,620,638,642],{"type":35,"tag":36,"props":608,"children":609},{"id":38},[610],{"type":41,"value":42},{"type":35,"tag":44,"props":612,"children":613},{},[614],{"type":41,"value":615},"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":35,"tag":36,"props":617,"children":618},{"id":51},[619],{"type":41,"value":54},{"type":35,"tag":56,"props":621,"children":622},{},[623,628,633],{"type":35,"tag":60,"props":624,"children":625},{},[626],{"type":41,"value":627},"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":35,"tag":60,"props":629,"children":630},{},[631],{"type":41,"value":632},"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":35,"tag":60,"props":634,"children":635},{},[636],{"type":41,"value":637},"Ella misma podía actualizar textos, imágenes y entradas del blog desde el panel.",{"type":35,"tag":36,"props":639,"children":640},{"id":82},[641],{"type":41,"value":85},{"type":35,"tag":44,"props":643,"children":644},{},[645],{"type":41,"value":646},"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":10,"depth":10,"links":648},[649,650,651],{"id":38,"depth":10,"text":42},{"id":51,"depth":10,"text":54},{"id":82,"depth":10,"text":85},"content:es:projects:merce-paytuvi.md","es\u002Fprojects\u002Fmerce-paytuvi.md","es\u002Fprojects\u002Fmerce-paytuvi",{"_path":656,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":657,"description":7,"slug":658,"order":659,"category":108,"sector":660,"year":110,"role":111,"status":15,"outstanding":6,"url":7,"image":661,"imageWidth":116,"imageHeight":117,"summary":662,"technologies":663,"body":664,"_type":96,"_id":711,"_source":98,"_file":712,"_stem":713,"_extension":101},"\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.",[120,27,28,30,121],{"type":32,"children":665,"toc":706},[666,670,675,679,697,701],{"type":35,"tag":36,"props":667,"children":668},{"id":38},[669],{"type":41,"value":42},{"type":35,"tag":44,"props":671,"children":672},{},[673],{"type":41,"value":674},"Integral, una empresa de servicios de Banyoles, necesitaba una web corporativa clara para presentar su actividad en varios idiomas y poder actualizarla internamente.",{"type":35,"tag":36,"props":676,"children":677},{"id":51},[678],{"type":41,"value":54},{"type":35,"tag":56,"props":680,"children":681},{},[682,687,692],{"type":35,"tag":60,"props":683,"children":684},{},[685],{"type":41,"value":686},"Desarrollé la web en 2021 con Laravel, Bootstrap y Sass, sobre mi CMS propio.",{"type":35,"tag":60,"props":688,"children":689},{},[690],{"type":41,"value":691},"Los contenidos estaban en catalán, castellano e inglés, con secciones y plantillas configurables y un blog con categorías.",{"type":35,"tag":60,"props":693,"children":694},{},[695],{"type":41,"value":696},"Añadí un formulario de contacto y la integración con herramientas de analítica.",{"type":35,"tag":36,"props":698,"children":699},{"id":82},[700],{"type":41,"value":85},{"type":35,"tag":44,"props":702,"children":703},{},[704],{"type":41,"value":705},"La empresa tuvo una web que podía gestionar de forma autónoma. Actualmente ya no está en línea.",{"title":7,"searchDepth":10,"depth":10,"links":707},[708,709,710],{"id":38,"depth":10,"text":42},{"id":51,"depth":10,"text":54},{"id":82,"depth":10,"text":85},"content:es:projects:integral.md","es\u002Fprojects\u002Fintegral.md","es\u002Fprojects\u002Fintegral",{"_path":715,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":716,"description":7,"slug":717,"order":718,"category":108,"sector":719,"year":110,"role":111,"status":15,"outstanding":6,"url":7,"image":720,"imageWidth":116,"imageHeight":117,"summary":721,"gallery":722,"technologies":726,"body":729,"_type":96,"_id":776,"_source":98,"_file":777,"_stem":778,"_extension":101},"\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.",[723],{"src":724,"width":116,"height":117,"alt":725},"\u002Fimages\u002Fprojects\u002Fdavidbusquets-albums.webp","Sección de álbumes con enlaces a las plataformas de música",[240,727,728],"Tailwind","Vite",{"type":32,"children":730,"toc":771},[731,735,740,744,762,766],{"type":35,"tag":36,"props":732,"children":733},{"id":38},[734],{"type":41,"value":42},{"type":35,"tag":44,"props":736,"children":737},{},[738],{"type":41,"value":739},"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":35,"tag":36,"props":741,"children":742},{"id":51},[743],{"type":41,"value":54},{"type":35,"tag":56,"props":745,"children":746},{},[747,752,757],{"type":35,"tag":60,"props":748,"children":749},{},[750],{"type":41,"value":751},"Creé una aplicación de una sola página con Vue 3, Vite y Tailwind CSS, rápida y adaptada a móviles.",{"type":35,"tag":60,"props":753,"children":754},{},[755],{"type":41,"value":756},"Hice componentes específicos: galería de fotos, videoclips, lista de reproducción y un calendario de conciertos.",{"type":35,"tag":60,"props":758,"children":759},{},[760],{"type":41,"value":761},"La web era multilingüe, con cambio de idioma sin recargar la página.",{"type":35,"tag":36,"props":763,"children":764},{"id":82},[765],{"type":41,"value":85},{"type":35,"tag":44,"props":767,"children":768},{},[769],{"type":41,"value":770},"La web reunió en un solo lugar toda la actividad del músico. Actualmente ya no está en línea.",{"title":7,"searchDepth":10,"depth":10,"links":772},[773,774,775],{"id":38,"depth":10,"text":42},{"id":51,"depth":10,"text":54},{"id":82,"depth":10,"text":85},"content:es:projects:david-busquets.md","es\u002Fprojects\u002Fdavid-busquets.md","es\u002Fprojects\u002Fdavid-busquets",{"_path":780,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":781,"description":7,"slug":782,"order":783,"category":108,"sector":784,"year":785,"role":111,"status":112,"outstanding":6,"url":786,"image":787,"imageWidth":788,"imageHeight":789,"summary":790,"technologies":791,"body":797,"_type":96,"_id":849,"_source":98,"_file":850,"_stem":851,"_extension":101},"\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.",[324,792,793,794,795,796],"Vue 3","Tailwind 4","Nuxt Content","Nuxt i18n","Figma",{"type":32,"children":798,"toc":844},[799,803,808,812,835,839],{"type":35,"tag":36,"props":800,"children":801},{"id":38},[802],{"type":41,"value":42},{"type":35,"tag":44,"props":804,"children":805},{},[806],{"type":41,"value":807},"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":35,"tag":36,"props":809,"children":810},{"id":51},[811],{"type":41,"value":54},{"type":35,"tag":56,"props":813,"children":814},{},[815,820,825,830],{"type":35,"tag":60,"props":816,"children":817},{},[818],{"type":41,"value":819},"La rediseñé y desarrollé desde cero con Nuxt 3, Tailwind 4 y Nuxt Content, con todo el contenido en archivos Markdown.",{"type":35,"tag":60,"props":821,"children":822},{},[823],{"type":41,"value":824},"Todas las páginas se generan como HTML estático, en catalán, castellano e inglés.",{"type":35,"tag":60,"props":826,"children":827},{},[828],{"type":41,"value":829},"Está alojada en Cloudflare Pages: se publica automáticamente con cada cambio y mide las visitas sin cookies.",{"type":35,"tag":60,"props":831,"children":832},{},[833],{"type":41,"value":834},"Tiene SEO por idioma (hreflang, sitemap y Schema.org) y un hero con una animación de partículas interactiva.",{"type":35,"tag":36,"props":836,"children":837},{"id":82},[838],{"type":41,"value":85},{"type":35,"tag":44,"props":840,"children":841},{},[842],{"type":41,"value":843},"Es la web que estás viendo ahora.",{"title":7,"searchDepth":10,"depth":10,"links":845},[846,847,848],{"id":38,"depth":10,"text":42},{"id":51,"depth":10,"text":54},{"id":82,"depth":10,"text":85},"content:es:projects:david-crous.md","es\u002Fprojects\u002Fdavid-crous.md","es\u002Fprojects\u002Fdavid-crous",1791373407371]