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