[{"data":1,"prerenderedAt":843},["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},"\u002Fca\u002Fprojects\u002Fclica-t","projects",false,"","Clica't","clica-t",2,"Aplicació Web","Educació","2016","Desenvolupament full-stack","offline","\u002Fimages\u002Fprojects\u002Fclicat-home.webp",1920,1080,"Plataforma educativa per a escoles amb exàmens, exercicis, informes de progrés i comunicació amb les famílies.",[21],{"src":22,"width":23,"height":24,"alt":25},"\u002Fimages\u002Fprojects\u002Fclicat-deures.webp",1596,730,"Espai de l'alumne amb els deures assignats per assignatura",[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-repte",[40],{"type":41,"value":42},"text","El repte",{"type":35,"tag":44,"props":45,"children":46},"p",{},[47],{"type":41,"value":48},"Clica't és una plataforma en línia per a escoles, pensada perquè el professorat pugui proposar activitats, avaluar l'alumnat i fer-ne el seguiment, i perquè les famílies puguin estar al cas del progrés dels seus fills.",{"type":35,"tag":36,"props":50,"children":52},{"id":51},"què-vaig-fer",[53],{"type":41,"value":54},"Què vaig fer",{"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},"Vaig començar a desenvolupar-la cap al 2016 i hi vaig anar afegint mòduls per a tres perfils: professorat, alumnat i famílies, cadascun amb el seu espai i els seus permisos.",{"type":35,"tag":60,"props":66,"children":67},{},[68],{"type":41,"value":69},"El professorat pot crear exàmens, llistes de problemes i quaderns d'exercicis, i organitzar l'alumnat en grups.",{"type":35,"tag":60,"props":71,"children":72},{},[73],{"type":41,"value":74},"Hi ha informes de progrés i de deures, amb exportació a Excel i PDF.",{"type":35,"tag":60,"props":76,"children":77},{},[78],{"type":41,"value":79},"Les famílies tenen el seu propi accés, amb informes i un xat amb el professorat.",{"type":35,"tag":36,"props":81,"children":83},{"id":82},"resultat",[84],{"type":41,"value":85},"Resultat",{"type":35,"tag":44,"props":87,"children":88},{},[89],{"type":41,"value":90},"La plataforma es va fer servir a les escoles durant diversos cursos. Actualment ja no està en línia, però va ser el projecte on més vaig aprendre sobre aplicacions amb molts usuaris i rols diferents.",{"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:ca:projects:clica-t.md","content","ca\u002Fprojects\u002Fclica-t.md","ca\u002Fprojects\u002Fclica-t","md",[103,172,222,306,386,449,517,584,646,705,770],{"_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},"\u002Fca\u002Fprojects\u002Fgelinet","Gelinet","gelinet",1,"Pàgina Web","Serveis de neteja","2021","Disseny i desenvolupament full-stack","online",true,"https:\u002F\u002Fgelinet.net","\u002Fimages\u002Fprojects\u002Fgelinet-2026.webp",2560,1440,"Web multilingüe per a una empresa de neteja de Cassà de la Selva, ara en migració a un web estàtic més ràpid.",[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 és una empresa de serveis de neteja de Cassà de la Selva (Girona) que treballa per a negocis i particulars de tota la comarca. Necessitava un web on explicar els seus serveis i la zona on treballa, i que pogués mantenir ella mateixa en català, castellà i anglè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},"Vaig dissenyar i desenvolupar el web el 2021 amb Laravel, sobre un CMS propi que havia creat per als meus projectes de client.",{"type":35,"tag":60,"props":146,"children":147},{},[148],{"type":41,"value":149},"Els textos de cada idioma, les seccions i el blog es gestionaven des d'un panell d'administració, sense dependre de mi per a cada canvi.",{"type":35,"tag":60,"props":151,"children":152},{},[153],{"type":41,"value":154},"El 2026 l'estic migrant a un web 100% estàtic amb Nuxt i Tailwind, allotjat a Cloudflare Pages: sense base de dades ni servidor, i amb els formularis enviats amb 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},"El web ha estat en línia des del 2021 i és l'únic d'aquesta llista que encara es pot visitar. La nova versió estàtica és més ràpida, més segura i pràcticament no té cost de manteniment.",{"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:ca:projects:gelinet.md","ca\u002Fprojects\u002Fgelinet.md","ca\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},"\u002Fca\u002Fprojects\u002Fedicitnet","EdiCitNet","edicitnet",3,"Recerca · Medi ambient","2020–2024","https:\u002F\u002Fediblecitiesnetwork.com","\u002Fimages\u002Fprojects\u002Fedicitnet-2x.webp","Plataforma internacional del projecte europeu EdiCitNet sobre ciutats comestibles, desenvolupada amb l'ICRA.",[233,236],{"src":234,"width":116,"height":117,"alt":235},"\u002Fimages\u002Fprojects\u002Fedicitnet-cataleg.webp","Catàleg d'iniciatives i solucions amb el mapa interactiu",{"src":237,"width":116,"height":117,"alt":238},"\u002Fimages\u002Fprojects\u002Fedicitnet-esdeveniments.webp","Agenda d'esdeveniments amb filtres i 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) és un projecte europeu Horizon 2020 sobre ciutats comestibles: horts urbans, cobertes verdes productives i altres iniciatives que integren la producció d'aliments a la ciutat. El projecte necessitava una plataforma en línia on ciutats, entitats i persones investigadores poguessin compartir aquestes solucions i aprendre les unes de les altres.",{"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},"Com a freelance, vaig treballar amb l'equip de desenvolupament de l'ICRA (Institut Català de Recerca de l'Aigua) en dues versions de la plataforma, entre el 2020 i el 2024.",{"type":35,"tag":60,"props":270,"children":271},{},[272],{"type":41,"value":273},"La primera versió es va fer amb Vue 2 i Chart.js. La segona és una reescriptura completa amb Vue 3 i Vite.",{"type":35,"tag":60,"props":275,"children":276},{},[277],{"type":41,"value":278},"Vaig desenvolupar tant el frontend com l'API, amb Node.js, Express i MySQL. L'API inclou autenticació, pujada d'imatges i enviament de correus.",{"type":35,"tag":60,"props":280,"children":281},{},[282],{"type":41,"value":283},"La plataforma té un catàleg d'iniciatives i solucions amb mapa interactiu (Leaflet), perfils, notícies i esdeveniments, recursos, comunitat, preguntes i respostes i qüestionaris d'avaluació.",{"type":35,"tag":60,"props":285,"children":286},{},[287],{"type":41,"value":288},"Tota la interfície és 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 continua activa i dona servei a la xarxa internacional del projecte. Em va permetre col·laborar amb un equip de desenvolupament distribuït d'un centre de recerca.",{"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:ca:projects:edicitnet.md","ca\u002Fprojects\u002Fedicitnet.md","ca\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},"\u002Fca\u002Fprojects\u002Fnat4wat","Nat4Wat","nat4wat",4,"Recerca · Aigua","2023–2025","https:\u002F\u002Fnat4wat.icra.cat","\u002Fimages\u002Fprojects\u002Fnat4wat-2x.webp","Eina web de l'ICRA per triar solucions basades en la natura per tractar, emmagatzemar i reutilitzar l'aigua.",[317,320],{"src":318,"width":116,"height":117,"alt":319},"\u002Fimages\u002Fprojects\u002Fnat4wat-solucions.webp","Catàleg de solucions basades en la natura",{"src":321,"width":116,"height":117,"alt":322},"\u002Fimages\u002Fprojects\u002Fnat4wat-casos.webp","Llistat de casos de mercat amb filtres",[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 és l'eina del projecte europeu MULTISOURCE, finançat pel programa Horizon 2020, per ajudar ajuntaments, empreses i tècnics a triar solucions basades en la natura (com els aiguamolls construïts) per tractar, emmagatzemar i reutilitzar l'aigua. Calia convertir els models i les dades de l'equip de recerca de l'ICRA en una eina que es pogués fer servir sense 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},"Com a freelance, entre el 2023 i el 2025 vaig desenvolupar el frontend amb Nuxt 3 i Pinia i vaig contribuir a l'API amb Node.js, conjuntament amb l'equip de l'ICRA.",{"type":35,"tag":60,"props":350,"children":351},{},[352],{"type":41,"value":353},"La part central és «Find your solution», un assistent per passos: l'usuari defineix el seu escenari (aigua, contaminants, superfície, prioritats) i l'eina li proposa les solucions més adequades.",{"type":35,"tag":60,"props":355,"children":356},{},[357],{"type":41,"value":358},"Les solucions es comparen amb una anàlisi multicriteri amb gràfics, i se'n pot generar un informe.",{"type":35,"tag":60,"props":360,"children":361},{},[362],{"type":41,"value":363},"També hi ha un catàleg de solucions, publicacions científiques i casos de mercat, amb un circuit per acceptar-los i publicar-los.",{"type":35,"tag":60,"props":365,"children":366},{},[367],{"type":41,"value":368},"Completen l'eina els perfils d'usuari, els escenaris desats, el servei d'ajuda, les guies i les preguntes freqüents, tot adaptat a mòbils.",{"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},"L'eina és pública i continua activa a 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:ca:projects:nat4wat.md","ca\u002Fprojects\u002Fnat4wat.md","ca\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},"\u002Fca\u002Fprojects\u002Fenfaixapp","EnfaixApp","enfaixapp",5,"Cultura popular · Castells","2022","private","\u002Fimages\u002Fprojects\u002Fenfaixapp-2x.webp","Aplicació per organitzar una colla castellera: castellers, assajos, assistència i disseny de castells posició per posició.",[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},"Organitzar una colla castellera vol dir saber qui vindrà a cada assaig i actuació, i decidir qui ocupa cada posició de la pinya i del tronc. Calia una eina que reunís tota aquesta informació en un sol lloc.",{"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},"El 2022 vaig dissenyar i desenvolupar l'EnfaixApp, una aplicació web amb Laravel, Vue i Tailwind CSS.",{"type":35,"tag":60,"props":423,"children":424},{},[425],{"type":41,"value":426},"Cada casteller té la seva fitxa, amb les posicions on pot fer castells.",{"type":35,"tag":60,"props":428,"children":429},{},[430],{"type":41,"value":431},"Hi ha un calendari d'assajos i actuacions on cadascú confirma si hi anirà, i els responsables veuen l'assistència al moment.",{"type":35,"tag":60,"props":433,"children":434},{},[435],{"type":41,"value":436},"La part central és un dissenyador de castells amb plantilles: s'hi assigna cada casteller a la seva posició i es pot veure el castell sencer o la posició de cada persona.",{"type":35,"tag":60,"props":438,"children":439},{},[440],{"type":41,"value":441},"També té formularis amb respostes, notificacions, un registre d'activitat recent i rols amb permisos diferents.",{"title":7,"searchDepth":10,"depth":10,"links":443},[444,445],{"id":38,"depth":10,"text":42},{"id":51,"depth":10,"text":54},"content:ca:projects:enfaixapp.md","ca\u002Fprojects\u002Fenfaixapp.md","ca\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},"\u002Fca\u002Fprojects\u002Ficra-workshop","Eina per a tallers participatius","icra-workshop",6,"2023","\u002Fimages\u002Fprojects\u002Ficra-workshop-2x.webp","Eina interactiva de l'ICRA per recollir vots en tallers i prioritzar beneficis, inconvenients i indicadors.",[458],{"src":459,"width":116,"height":117,"alt":460},"\u002Fimages\u002Fprojects\u002Ficra-workshop-top10.webp","Rànquing dels 10 aspectes més votats durant un taller (dades de prova)",[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 els tallers participatius de l'ICRA, els assistents valoren els beneficis i els inconvenients de diferents solucions per a la ciutat. Calia una eina per introduir els vots en directe i veure ràpidament quins aspectes eren prioritaris i amb quins indicadors es podien mesurar.",{"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},"Va ser un encàrrec puntual: vaig desenvolupar una aplicació web amb Nuxt 3, Pinia i Tailwind CSS.",{"type":35,"tag":60,"props":486,"children":487},{},[488],{"type":41,"value":489},"Els beneficis s'organitzen en ambientals i socioeconòmics, i els inconvenients van a part. Per a cadascun s'introdueix el nombre de vots, i també s'hi poden afegir camps personalitzats durant el taller.",{"type":35,"tag":60,"props":491,"children":492},{},[493],{"type":41,"value":494},"Amb un clic, l'eina calcula el rànquing dels 10 aspectes més votats i en mostra els indicadors relacionats amb gràfics.",{"type":35,"tag":60,"props":496,"children":497},{},[498],{"type":41,"value":499},"Els indicadors i les seves relacions es carreguen des de fitxers CSV preparats per l'equip de recerca, i es poden actualitzar sense tocar el codi.",{"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 eina privada, pensada per a l'equip de l'ICRA, que es va anar ajustant amb el feedback dels tallers.",{"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:ca:projects:icra-workshop.md","ca\u002Fprojects\u002Ficra-workshop.md","ca\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":15,"outstanding":6,"url":7,"image":524,"imageWidth":525,"imageHeight":526,"summary":527,"technologies":528,"body":529,"_type":96,"_id":581,"_source":98,"_file":582,"_stem":583,"_extension":101},"\u002Fca\u002Fprojects\u002Fhostal-bartis","Hostal Bartis","hostal-bartis",7,"Turisme","2020","\u002Fimages\u002Fprojects\u002Fhostal-bartis-home.webp",3578,1882,"Web per a un hostal familiar per mostrar les habitacions i els serveis i rebre sol·licituds de reserva.",[120,27,28,29,30],{"type":32,"children":530,"toc":576},[531,535,540,544,567,571],{"type":35,"tag":36,"props":532,"children":533},{"id":38},[534],{"type":41,"value":42},{"type":35,"tag":44,"props":536,"children":537},{},[538],{"type":41,"value":539},"Un hostal familiar necessitava un web que transmetés l'ambient de la casa, mostrés les habitacions i els serveis, i li permetés rebre sol·licituds de reserva directament, sense dependre només de les plataformes de reserves.",{"type":35,"tag":36,"props":541,"children":542},{"id":51},[543],{"type":41,"value":54},{"type":35,"tag":56,"props":545,"children":546},{},[547,552,557,562],{"type":35,"tag":60,"props":548,"children":549},{},[550],{"type":41,"value":551},"Vaig dissenyar i desenvolupar el web amb Laravel i Bootstrap, adaptat a mòbils.",{"type":35,"tag":60,"props":553,"children":554},{},[555],{"type":41,"value":556},"El vaig muntar sobre el meu CMS propi perquè els propietaris poguessin actualitzar textos, fotos i habitacions des d'un panell.",{"type":35,"tag":60,"props":558,"children":559},{},[560],{"type":41,"value":561},"Els continguts eren en català, castellà i anglès, pensant en el visitant estranger.",{"type":35,"tag":60,"props":563,"children":564},{},[565],{"type":41,"value":566},"Hi vaig afegir un formulari de contacte i de reserva.",{"type":35,"tag":36,"props":568,"children":569},{"id":82},[570],{"type":41,"value":85},{"type":35,"tag":44,"props":572,"children":573},{},[574],{"type":41,"value":575},"El web ha estat en línia des del 2020 fins fa poc, i durant tot aquest temps els propietaris n'han gestionat el contingut de manera autònoma.",{"title":7,"searchDepth":10,"depth":10,"links":577},[578,579,580],{"id":38,"depth":10,"text":42},{"id":51,"depth":10,"text":54},{"id":82,"depth":10,"text":85},"content:ca:projects:hostal-bartis.md","ca\u002Fprojects\u002Fhostal-bartis.md","ca\u002Fprojects\u002Fhostal-bartis",{"_path":585,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":586,"description":7,"slug":587,"order":588,"category":108,"sector":589,"year":590,"role":111,"status":15,"outstanding":6,"url":7,"image":591,"imageWidth":592,"imageHeight":593,"summary":594,"technologies":595,"body":596,"_type":96,"_id":643,"_source":98,"_file":644,"_stem":645,"_extension":101},"\u002Fca\u002Fprojects\u002Fmerce-paytuvi","Mercè Paytuví","merce-paytuvi",8,"Artesania tèxtil","2019","\u002Fimages\u002Fprojects\u002Fmerce-paytuvi-home.webp",600,309,"Web i blog per a una artesana tèxtil de Mont-ras, amb dues versions entre el 2019 i el 2023.",[120,27,28,29,30],{"type":32,"children":597,"toc":638},[598,602,607,611,629,633],{"type":35,"tag":36,"props":599,"children":600},{"id":38},[601],{"type":41,"value":42},{"type":35,"tag":44,"props":603,"children":604},{},[605],{"type":41,"value":606},"La Mercè Paytuví és una artesana tèxtil de Mont-ras que volia mostrar la seva obra i explicar el seu procés de treball, i publicar novetats sense haver de demanar ajuda cada vegada.",{"type":35,"tag":36,"props":608,"children":609},{"id":51},[610],{"type":41,"value":54},{"type":35,"tag":56,"props":612,"children":613},{},[614,619,624],{"type":35,"tag":60,"props":615,"children":616},{},[617],{"type":41,"value":618},"El 2019 vaig fer la primera versió del web amb Laravel, en català i anglès. Va ser un dels primers projectes on vaig fer servir el meu CMS propi.",{"type":35,"tag":60,"props":620,"children":621},{},[622],{"type":41,"value":623},"Entre el 2022 i el 2023 el vaig refer amb un disseny nou amb Bootstrap 5, i hi vaig afegir un blog amb categories i el castellà.",{"type":35,"tag":60,"props":625,"children":626},{},[627],{"type":41,"value":628},"Ella mateixa podia actualitzar textos, imatges i entrades del blog des del panell.",{"type":35,"tag":36,"props":630,"children":631},{"id":82},[632],{"type":41,"value":85},{"type":35,"tag":44,"props":634,"children":635},{},[636],{"type":41,"value":637},"Va ser una col·laboració de diversos anys que va acompanyar l'evolució del seu projecte. Actualment el web ja no està en línia.",{"title":7,"searchDepth":10,"depth":10,"links":639},[640,641,642],{"id":38,"depth":10,"text":42},{"id":51,"depth":10,"text":54},{"id":82,"depth":10,"text":85},"content:ca:projects:merce-paytuvi.md","ca\u002Fprojects\u002Fmerce-paytuvi.md","ca\u002Fprojects\u002Fmerce-paytuvi",{"_path":647,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":648,"description":7,"slug":649,"order":650,"category":108,"sector":651,"year":110,"role":111,"status":15,"outstanding":6,"url":7,"image":652,"imageWidth":592,"imageHeight":593,"summary":653,"technologies":654,"body":655,"_type":96,"_id":702,"_source":98,"_file":703,"_stem":704,"_extension":101},"\u002Fca\u002Fprojects\u002Fintegral","Integral","integral",9,"Serveis a empreses","\u002Fimages\u002Fprojects\u002Fintegral-home.webp","Web corporativa multilingüe per a una empresa de serveis de Banyoles, gestionable des d'un panell propi.",[120,27,28,30,121],{"type":32,"children":656,"toc":697},[657,661,666,670,688,692],{"type":35,"tag":36,"props":658,"children":659},{"id":38},[660],{"type":41,"value":42},{"type":35,"tag":44,"props":662,"children":663},{},[664],{"type":41,"value":665},"Integral, una empresa de serveis de Banyoles, necessitava una web corporativa clara per presentar la seva activitat en diversos idiomes i poder-la actualitzar internament.",{"type":35,"tag":36,"props":667,"children":668},{"id":51},[669],{"type":41,"value":54},{"type":35,"tag":56,"props":671,"children":672},{},[673,678,683],{"type":35,"tag":60,"props":674,"children":675},{},[676],{"type":41,"value":677},"Vaig desenvolupar el web el 2021 amb Laravel, Bootstrap i Sass, sobre el meu CMS propi.",{"type":35,"tag":60,"props":679,"children":680},{},[681],{"type":41,"value":682},"Els continguts eren en català, castellà i anglès, amb seccions i plantilles configurables i un blog amb categories.",{"type":35,"tag":60,"props":684,"children":685},{},[686],{"type":41,"value":687},"Hi vaig afegir un formulari de contacte i la integració amb eines d'analítica.",{"type":35,"tag":36,"props":689,"children":690},{"id":82},[691],{"type":41,"value":85},{"type":35,"tag":44,"props":693,"children":694},{},[695],{"type":41,"value":696},"L'empresa va tenir un web que podia gestionar de manera autònoma. Actualment ja no està en línia.",{"title":7,"searchDepth":10,"depth":10,"links":698},[699,700,701],{"id":38,"depth":10,"text":42},{"id":51,"depth":10,"text":54},{"id":82,"depth":10,"text":85},"content:ca:projects:integral.md","ca\u002Fprojects\u002Fintegral.md","ca\u002Fprojects\u002Fintegral",{"_path":706,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":707,"description":7,"slug":708,"order":709,"category":108,"sector":710,"year":110,"role":111,"status":15,"outstanding":6,"url":7,"image":711,"imageWidth":116,"imageHeight":117,"summary":712,"gallery":713,"technologies":717,"body":720,"_type":96,"_id":767,"_source":98,"_file":768,"_stem":769,"_extension":101},"\u002Fca\u002Fprojects\u002Fdavid-busquets","David Busquets","david-busquets",10,"Música","\u002Fimages\u002Fprojects\u002Fdavidbusquets-2x.webp","Web per a un músic amb galeria, videoclips, llista de reproducció i dates de concerts.",[714],{"src":715,"width":116,"height":117,"alt":716},"\u002Fimages\u002Fprojects\u002Fdavidbusquets-albums.webp","Secció d'àlbums amb enllaços a les plataformes de música",[240,718,719],"Tailwind","Vite",{"type":32,"children":721,"toc":762},[722,726,731,735,753,757],{"type":35,"tag":36,"props":723,"children":724},{"id":38},[725],{"type":41,"value":42},{"type":35,"tag":44,"props":727,"children":728},{},[729],{"type":41,"value":730},"El músic David Busquets volia un web lleuger que reunís tota la seva activitat: música, vídeos, fotos i propers concerts.",{"type":35,"tag":36,"props":732,"children":733},{"id":51},[734],{"type":41,"value":54},{"type":35,"tag":56,"props":736,"children":737},{},[738,743,748],{"type":35,"tag":60,"props":739,"children":740},{},[741],{"type":41,"value":742},"Vaig crear una aplicació d'una sola pàgina amb Vue 3, Vite i Tailwind CSS, ràpida i adaptada a mòbils.",{"type":35,"tag":60,"props":744,"children":745},{},[746],{"type":41,"value":747},"Vaig fer components específics: galeria de fotos, videoclips, llista de reproducció i un calendari de concerts.",{"type":35,"tag":60,"props":749,"children":750},{},[751],{"type":41,"value":752},"El web era multilingüe, amb canvi d'idioma sense recarregar la pàgina.",{"type":35,"tag":36,"props":754,"children":755},{"id":82},[756],{"type":41,"value":85},{"type":35,"tag":44,"props":758,"children":759},{},[760],{"type":41,"value":761},"El web va reunir en un sol lloc tota l'activitat del músic. Actualment ja no està en línia.",{"title":7,"searchDepth":10,"depth":10,"links":763},[764,765,766],{"id":38,"depth":10,"text":42},{"id":51,"depth":10,"text":54},{"id":82,"depth":10,"text":85},"content:ca:projects:david-busquets.md","ca\u002Fprojects\u002Fdavid-busquets.md","ca\u002Fprojects\u002Fdavid-busquets",{"_path":771,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":772,"description":7,"slug":773,"order":774,"category":108,"sector":775,"year":776,"role":111,"status":112,"outstanding":6,"url":777,"image":778,"imageWidth":779,"imageHeight":780,"summary":781,"technologies":782,"body":788,"_type":96,"_id":840,"_source":98,"_file":841,"_stem":842,"_extension":101},"\u002Fca\u002Fprojects\u002Fdavid-crous","David Crous","david-crous",11,"Portafoli personal","2026","https:\u002F\u002Fcrousmayne.com","\u002Fimages\u002Fprojects\u002Fdavidcrous-home.webp",3582,1870,"Aquest mateix web: estàtic, en tres idiomes i allotjat a Cloudflare Pages.",[324,783,784,785,786,787],"Vue 3","Tailwind 4","Nuxt Content","Nuxt i18n","Figma",{"type":32,"children":789,"toc":835},[790,794,799,803,826,830],{"type":35,"tag":36,"props":791,"children":792},{"id":38},[793],{"type":41,"value":42},{"type":35,"tag":44,"props":795,"children":796},{},[797],{"type":41,"value":798},"El meu web anterior depenia d'un CMS amb servidor i base de dades. Volia un web més ràpid, més senzill de mantenir i que no em costés res tenir en línia.",{"type":35,"tag":36,"props":800,"children":801},{"id":51},[802],{"type":41,"value":54},{"type":35,"tag":56,"props":804,"children":805},{},[806,811,816,821],{"type":35,"tag":60,"props":807,"children":808},{},[809],{"type":41,"value":810},"El vaig redissenyar i desenvolupar des de zero amb Nuxt 3, Tailwind 4 i Nuxt Content, amb tot el contingut en fitxers Markdown.",{"type":35,"tag":60,"props":812,"children":813},{},[814],{"type":41,"value":815},"Totes les pàgines es generen com a HTML estàtic, en català, castellà i anglès.",{"type":35,"tag":60,"props":817,"children":818},{},[819],{"type":41,"value":820},"Està allotjat a Cloudflare Pages: es publica automàticament amb cada canvi i mesura les visites sense galetes.",{"type":35,"tag":60,"props":822,"children":823},{},[824],{"type":41,"value":825},"Té SEO per idioma (hreflang, sitemap i Schema.org) i un hero amb una animació de partícules interactiva.",{"type":35,"tag":36,"props":827,"children":828},{"id":82},[829],{"type":41,"value":85},{"type":35,"tag":44,"props":831,"children":832},{},[833],{"type":41,"value":834},"És el web que estàs veient ara.",{"title":7,"searchDepth":10,"depth":10,"links":836},[837,838,839],{"id":38,"depth":10,"text":42},{"id":51,"depth":10,"text":54},{"id":82,"depth":10,"text":85},"content:ca:projects:david-crous.md","ca\u002Fprojects\u002Fdavid-crous.md","ca\u002Fprojects\u002Fdavid-crous",1791370526587]