[{"data":1,"prerenderedAt":857},["ShallowReactive",2],{"project-icra-workshop":3,"project-nav-icra-workshop":101},{"_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":24,"body":29,"_type":95,"_id":96,"_source":97,"_file":98,"_stem":99,"_extension":100},"\u002Fca\u002Fprojects\u002Ficra-workshop","projects",false,"","Eina per a tallers participatius","icra-workshop",6,"Aplicació Web","Recerca · Medi ambient","2023","Disseny i desenvolupament full-stack","private","\u002Fimages\u002Fprojects\u002Ficra-workshop-2x.webp",2560,1440,"Eina interactiva de l'ICRA per recollir vots en tallers i prioritzar beneficis, inconvenients i indicadors.",[21],{"src":22,"width":17,"height":18,"alt":23},"\u002Fimages\u002Fprojects\u002Ficra-workshop-top10.webp","Rànquing dels 10 aspectes més votats durant un taller (dades de prova)",[25,26,27,28],"Nuxt 3","Vue","Pinia","Tailwind CSS",{"type":30,"children":31,"toc":89},"root",[32,41,47,53,78,84],{"type":33,"tag":34,"props":35,"children":37},"element","h2",{"id":36},"el-repte",[38],{"type":39,"value":40},"text","El repte",{"type":33,"tag":42,"props":43,"children":44},"p",{},[45],{"type":39,"value":46},"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":33,"tag":34,"props":48,"children":50},{"id":49},"què-vaig-fer",[51],{"type":39,"value":52},"Què vaig fer",{"type":33,"tag":54,"props":55,"children":56},"ul",{},[57,63,68,73],{"type":33,"tag":58,"props":59,"children":60},"li",{},[61],{"type":39,"value":62},"Va ser un encàrrec puntual: vaig desenvolupar una aplicació web amb Nuxt 3, Pinia i Tailwind CSS.",{"type":33,"tag":58,"props":64,"children":65},{},[66],{"type":39,"value":67},"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":33,"tag":58,"props":69,"children":70},{},[71],{"type":39,"value":72},"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":33,"tag":58,"props":74,"children":75},{},[76],{"type":39,"value":77},"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":33,"tag":34,"props":79,"children":81},{"id":80},"resultat",[82],{"type":39,"value":83},"Resultat",{"type":33,"tag":42,"props":85,"children":86},{},[87],{"type":39,"value":88},"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":90,"depth":90,"links":91},2,[92,93,94],{"id":36,"depth":90,"text":40},{"id":49,"depth":90,"text":52},{"id":80,"depth":90,"text":83},"markdown","content:ca:projects:icra-workshop.md","content","ca\u002Fprojects\u002Ficra-workshop.md","ca\u002Fprojects\u002Ficra-workshop","md",[102,171,246,328,406,467,517,595,655,719,784],{"_path":103,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":104,"description":7,"slug":105,"order":106,"category":107,"sector":108,"year":109,"role":14,"status":110,"outstanding":111,"url":112,"image":113,"imageWidth":17,"imageHeight":18,"summary":114,"technologies":115,"body":121,"_type":95,"_id":168,"_source":97,"_file":169,"_stem":170,"_extension":100},"\u002Fca\u002Fprojects\u002Fgelinet","Gelinet","gelinet",1,"Pàgina Web","Serveis de neteja","2021","online",true,"https:\u002F\u002Fgelinet.net","\u002Fimages\u002Fprojects\u002Fgelinet-2026.webp","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.",[116,117,118,119,120],"Laravel","PHP","Bootstrap","HTML","Sass",{"type":30,"children":122,"toc":163},[123,127,132,136,154,158],{"type":33,"tag":34,"props":124,"children":125},{"id":36},[126],{"type":39,"value":40},{"type":33,"tag":42,"props":128,"children":129},{},[130],{"type":39,"value":131},"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":33,"tag":34,"props":133,"children":134},{"id":49},[135],{"type":39,"value":52},{"type":33,"tag":54,"props":137,"children":138},{},[139,144,149],{"type":33,"tag":58,"props":140,"children":141},{},[142],{"type":39,"value":143},"Vaig dissenyar i desenvolupar el web el 2021 amb Laravel, sobre un CMS propi que havia creat per als meus projectes de client.",{"type":33,"tag":58,"props":145,"children":146},{},[147],{"type":39,"value":148},"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":33,"tag":58,"props":150,"children":151},{},[152],{"type":39,"value":153},"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":33,"tag":34,"props":155,"children":156},{"id":80},[157],{"type":39,"value":83},{"type":33,"tag":42,"props":159,"children":160},{},[161],{"type":39,"value":162},"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":90,"depth":90,"links":164},[165,166,167],{"id":36,"depth":90,"text":40},{"id":49,"depth":90,"text":52},{"id":80,"depth":90,"text":83},"content:ca:projects:gelinet.md","ca\u002Fprojects\u002Fgelinet.md","ca\u002Fprojects\u002Fgelinet",{"_path":172,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":173,"description":7,"slug":174,"order":90,"category":11,"sector":175,"year":176,"role":177,"status":178,"outstanding":6,"url":7,"image":179,"imageWidth":180,"imageHeight":181,"summary":182,"gallery":183,"technologies":189,"body":191,"_type":95,"_id":243,"_source":97,"_file":244,"_stem":245,"_extension":100},"\u002Fca\u002Fprojects\u002Fclica-t","Clica't","clica-t","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.",[184],{"src":185,"width":186,"height":187,"alt":188},"\u002Fimages\u002Fprojects\u002Fclicat-deures.webp",1596,730,"Espai de l'alumne amb els deures assignats per assignatura",[117,118,119,190],"CSS",{"type":30,"children":192,"toc":238},[193,197,202,206,229,233],{"type":33,"tag":34,"props":194,"children":195},{"id":36},[196],{"type":39,"value":40},{"type":33,"tag":42,"props":198,"children":199},{},[200],{"type":39,"value":201},"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":33,"tag":34,"props":203,"children":204},{"id":49},[205],{"type":39,"value":52},{"type":33,"tag":54,"props":207,"children":208},{},[209,214,219,224],{"type":33,"tag":58,"props":210,"children":211},{},[212],{"type":39,"value":213},"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":33,"tag":58,"props":215,"children":216},{},[217],{"type":39,"value":218},"El professorat pot crear exàmens, llistes de problemes i quaderns d'exercicis, i organitzar l'alumnat en grups.",{"type":33,"tag":58,"props":220,"children":221},{},[222],{"type":39,"value":223},"Hi ha informes de progrés i de deures, amb exportació a Excel i PDF.",{"type":33,"tag":58,"props":225,"children":226},{},[227],{"type":39,"value":228},"Les famílies tenen el seu propi accés, amb informes i un xat amb el professorat.",{"type":33,"tag":34,"props":230,"children":231},{"id":80},[232],{"type":39,"value":83},{"type":33,"tag":42,"props":234,"children":235},{},[236],{"type":39,"value":237},"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":90,"depth":90,"links":239},[240,241,242],{"id":36,"depth":90,"text":40},{"id":49,"depth":90,"text":52},{"id":80,"depth":90,"text":83},"content:ca:projects:clica-t.md","ca\u002Fprojects\u002Fclica-t.md","ca\u002Fprojects\u002Fclica-t",{"_path":247,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":248,"description":7,"slug":249,"order":250,"category":11,"sector":12,"year":251,"role":177,"status":110,"outstanding":111,"url":252,"image":253,"imageWidth":17,"imageHeight":18,"summary":254,"gallery":255,"technologies":262,"body":268,"_type":95,"_id":325,"_source":97,"_file":326,"_stem":327,"_extension":100},"\u002Fca\u002Fprojects\u002Fedicitnet","EdiCitNet","edicitnet",3,"2020–2024","https:\u002F\u002Fediblecitiesnetwork.com","\u002Fimages\u002Fprojects\u002Fedicitnet-2x.webp","Plataforma internacional del projecte europeu EdiCitNet sobre ciutats comestibles, desenvolupada amb l'ICRA.",[256,259],{"src":257,"width":17,"height":18,"alt":258},"\u002Fimages\u002Fprojects\u002Fedicitnet-cataleg.webp","Catàleg d'iniciatives i solucions amb el mapa interactiu",{"src":260,"width":17,"height":18,"alt":261},"\u002Fimages\u002Fprojects\u002Fedicitnet-esdeveniments.webp","Agenda d'esdeveniments amb filtres i mapa",[26,263,264,265,266,267],"Node.js","Express","MySQL","Leaflet","Vue I18n",{"type":30,"children":269,"toc":320},[270,274,279,283,311,315],{"type":33,"tag":34,"props":271,"children":272},{"id":36},[273],{"type":39,"value":40},{"type":33,"tag":42,"props":275,"children":276},{},[277],{"type":39,"value":278},"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":33,"tag":34,"props":280,"children":281},{"id":49},[282],{"type":39,"value":52},{"type":33,"tag":54,"props":284,"children":285},{},[286,291,296,301,306],{"type":33,"tag":58,"props":287,"children":288},{},[289],{"type":39,"value":290},"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":33,"tag":58,"props":292,"children":293},{},[294],{"type":39,"value":295},"La primera versió es va fer amb Vue 2 i Chart.js. La segona és una reescriptura completa amb Vue 3 i Vite.",{"type":33,"tag":58,"props":297,"children":298},{},[299],{"type":39,"value":300},"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":33,"tag":58,"props":302,"children":303},{},[304],{"type":39,"value":305},"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":33,"tag":58,"props":307,"children":308},{},[309],{"type":39,"value":310},"Tota la interfície és multilingüe.",{"type":33,"tag":34,"props":312,"children":313},{"id":80},[314],{"type":39,"value":83},{"type":33,"tag":42,"props":316,"children":317},{},[318],{"type":39,"value":319},"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":90,"depth":90,"links":321},[322,323,324],{"id":36,"depth":90,"text":40},{"id":49,"depth":90,"text":52},{"id":80,"depth":90,"text":83},"content:ca:projects:edicitnet.md","ca\u002Fprojects\u002Fedicitnet.md","ca\u002Fprojects\u002Fedicitnet",{"_path":329,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":330,"description":7,"slug":331,"order":332,"category":11,"sector":333,"year":334,"role":177,"status":110,"outstanding":111,"url":335,"image":336,"imageWidth":17,"imageHeight":18,"summary":337,"gallery":338,"technologies":345,"body":346,"_type":95,"_id":403,"_source":97,"_file":404,"_stem":405,"_extension":100},"\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.",[339,342],{"src":340,"width":17,"height":18,"alt":341},"\u002Fimages\u002Fprojects\u002Fnat4wat-solucions.webp","Catàleg de solucions basades en la natura",{"src":343,"width":17,"height":18,"alt":344},"\u002Fimages\u002Fprojects\u002Fnat4wat-casos.webp","Llistat de casos de mercat amb filtres",[25,26,27,263],{"type":30,"children":347,"toc":398},[348,352,357,361,389,393],{"type":33,"tag":34,"props":349,"children":350},{"id":36},[351],{"type":39,"value":40},{"type":33,"tag":42,"props":353,"children":354},{},[355],{"type":39,"value":356},"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":33,"tag":34,"props":358,"children":359},{"id":49},[360],{"type":39,"value":52},{"type":33,"tag":54,"props":362,"children":363},{},[364,369,374,379,384],{"type":33,"tag":58,"props":365,"children":366},{},[367],{"type":39,"value":368},"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":33,"tag":58,"props":370,"children":371},{},[372],{"type":39,"value":373},"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":33,"tag":58,"props":375,"children":376},{},[377],{"type":39,"value":378},"Les solucions es comparen amb una anàlisi multicriteri amb gràfics, i se'n pot generar un informe.",{"type":33,"tag":58,"props":380,"children":381},{},[382],{"type":39,"value":383},"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":33,"tag":58,"props":385,"children":386},{},[387],{"type":39,"value":388},"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":33,"tag":34,"props":390,"children":391},{"id":80},[392],{"type":39,"value":83},{"type":33,"tag":42,"props":394,"children":395},{},[396],{"type":39,"value":397},"L'eina és pública i continua activa a nat4wat.icra.cat.",{"title":7,"searchDepth":90,"depth":90,"links":399},[400,401,402],{"id":36,"depth":90,"text":40},{"id":49,"depth":90,"text":52},{"id":80,"depth":90,"text":83},"content:ca:projects:nat4wat.md","ca\u002Fprojects\u002Fnat4wat.md","ca\u002Fprojects\u002Fnat4wat",{"_path":407,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":408,"description":7,"slug":409,"order":410,"category":11,"sector":411,"year":412,"role":14,"status":15,"outstanding":6,"url":7,"image":413,"imageWidth":17,"imageHeight":18,"summary":414,"technologies":415,"body":417,"_type":95,"_id":464,"_source":97,"_file":465,"_stem":466,"_extension":100},"\u002Fca\u002Fprojects\u002Fenfaixapp","EnfaixApp","enfaixapp",5,"Cultura popular · Castells","2022","\u002Fimages\u002Fprojects\u002Fenfaixapp-2x.webp","Aplicació per organitzar una colla castellera: castellers, assajos, assistència i disseny de castells posició per posició.",[116,117,26,416,28],"Vuex",{"type":30,"children":418,"toc":460},[419,423,428,432],{"type":33,"tag":34,"props":420,"children":421},{"id":36},[422],{"type":39,"value":40},{"type":33,"tag":42,"props":424,"children":425},{},[426],{"type":39,"value":427},"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":33,"tag":34,"props":429,"children":430},{"id":49},[431],{"type":39,"value":52},{"type":33,"tag":54,"props":433,"children":434},{},[435,440,445,450,455],{"type":33,"tag":58,"props":436,"children":437},{},[438],{"type":39,"value":439},"El 2022 vaig dissenyar i desenvolupar l'EnfaixApp, una aplicació web amb Laravel, Vue i Tailwind CSS.",{"type":33,"tag":58,"props":441,"children":442},{},[443],{"type":39,"value":444},"Cada casteller té la seva fitxa, amb les posicions on pot fer castells.",{"type":33,"tag":58,"props":446,"children":447},{},[448],{"type":39,"value":449},"Hi ha un calendari d'assajos i actuacions on cadascú confirma si hi anirà, i els responsables veuen l'assistència al moment.",{"type":33,"tag":58,"props":451,"children":452},{},[453],{"type":39,"value":454},"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":33,"tag":58,"props":456,"children":457},{},[458],{"type":39,"value":459},"També té formularis amb respostes, notificacions, un registre d'activitat recent i rols amb permisos diferents.",{"title":7,"searchDepth":90,"depth":90,"links":461},[462,463],{"id":36,"depth":90,"text":40},{"id":49,"depth":90,"text":52},"content:ca:projects:enfaixapp.md","ca\u002Fprojects\u002Fenfaixapp.md","ca\u002Fprojects\u002Fenfaixapp",{"_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":468,"technologies":470,"body":471,"_type":95,"_id":96,"_source":97,"_file":98,"_stem":99,"_extension":100},[469],{"src":22,"width":17,"height":18,"alt":23},[25,26,27,28],{"type":30,"children":472,"toc":512},[473,477,481,485,504,508],{"type":33,"tag":34,"props":474,"children":475},{"id":36},[476],{"type":39,"value":40},{"type":33,"tag":42,"props":478,"children":479},{},[480],{"type":39,"value":46},{"type":33,"tag":34,"props":482,"children":483},{"id":49},[484],{"type":39,"value":52},{"type":33,"tag":54,"props":486,"children":487},{},[488,492,496,500],{"type":33,"tag":58,"props":489,"children":490},{},[491],{"type":39,"value":62},{"type":33,"tag":58,"props":493,"children":494},{},[495],{"type":39,"value":67},{"type":33,"tag":58,"props":497,"children":498},{},[499],{"type":39,"value":72},{"type":33,"tag":58,"props":501,"children":502},{},[503],{"type":39,"value":77},{"type":33,"tag":34,"props":505,"children":506},{"id":80},[507],{"type":39,"value":83},{"type":33,"tag":42,"props":509,"children":510},{},[511],{"type":39,"value":88},{"title":7,"searchDepth":90,"depth":90,"links":513},[514,515,516],{"id":36,"depth":90,"text":40},{"id":49,"depth":90,"text":52},{"id":80,"depth":90,"text":83},{"_path":518,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":519,"description":7,"slug":520,"order":521,"category":107,"sector":522,"year":523,"role":14,"status":110,"outstanding":6,"url":524,"image":525,"imageWidth":526,"imageHeight":527,"summary":528,"gallery":529,"technologies":539,"body":540,"_type":95,"_id":592,"_source":97,"_file":593,"_stem":594,"_extension":100},"\u002Fca\u002Fprojects\u002Fhostal-bartis","Hostal Bartis","hostal-bartis",7,"Turisme","2020","https:\u002F\u002Fhostalbartis.com","\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.",[530,533,536],{"src":531,"width":17,"height":18,"alt":532},"\u002Fimages\u002Fprojects\u002Fhostal-bartis-habitacions.webp","Pàgina d'habitacions",{"src":534,"width":17,"height":18,"alt":535},"\u002Fimages\u002Fprojects\u002Fhostal-bartis-doble.webp","Fitxa de l'habitació doble amb galeria de fotos",{"src":537,"width":17,"height":18,"alt":538},"\u002Fimages\u002Fprojects\u002Fhostal-bartis-historia.webp","Pàgina d'història de l'hostal",[116,117,118,119,190],{"type":30,"children":541,"toc":587},[542,546,551,555,578,582],{"type":33,"tag":34,"props":543,"children":544},{"id":36},[545],{"type":39,"value":40},{"type":33,"tag":42,"props":547,"children":548},{},[549],{"type":39,"value":550},"L'Hostal Bartis, un negoci familiar de Figueres fundat el 1909, 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":33,"tag":34,"props":552,"children":553},{"id":49},[554],{"type":39,"value":52},{"type":33,"tag":54,"props":556,"children":557},{},[558,563,568,573],{"type":33,"tag":58,"props":559,"children":560},{},[561],{"type":39,"value":562},"Vaig dissenyar i desenvolupar el web amb Laravel i Bootstrap, adaptat a mòbils.",{"type":33,"tag":58,"props":564,"children":565},{},[566],{"type":39,"value":567},"El vaig muntar sobre el meu CMS propi perquè els propietaris poguessin actualitzar textos, fotos i habitacions des d'un panell.",{"type":33,"tag":58,"props":569,"children":570},{},[571],{"type":39,"value":572},"Els continguts eren en català, castellà i anglès, pensant en el visitant estranger.",{"type":33,"tag":58,"props":574,"children":575},{},[576],{"type":39,"value":577},"Hi vaig afegir un formulari de contacte i de reserva.",{"type":33,"tag":34,"props":579,"children":580},{"id":80},[581],{"type":39,"value":83},{"type":33,"tag":42,"props":583,"children":584},{},[585],{"type":39,"value":586},"El web és en línia des del 2020, i des de llavors els propietaris en gestionen el contingut de manera autònoma.",{"title":7,"searchDepth":90,"depth":90,"links":588},[589,590,591],{"id":36,"depth":90,"text":40},{"id":49,"depth":90,"text":52},{"id":80,"depth":90,"text":83},"content:ca:projects:hostal-bartis.md","ca\u002Fprojects\u002Fhostal-bartis.md","ca\u002Fprojects\u002Fhostal-bartis",{"_path":596,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":597,"description":7,"slug":598,"order":599,"category":107,"sector":600,"year":601,"role":14,"status":178,"outstanding":6,"url":7,"image":602,"imageWidth":17,"imageHeight":18,"summary":603,"technologies":604,"body":605,"_type":95,"_id":652,"_source":97,"_file":653,"_stem":654,"_extension":100},"\u002Fca\u002Fprojects\u002Fmerce-paytuvi","Mercè Paytuví","merce-paytuvi",8,"Artesania tèxtil","2019","\u002Fimages\u002Fprojects\u002Fmerce-paytuvi-2x.webp","Web i blog per a una artesana tèxtil de Mont-ras, amb dues versions entre el 2019 i el 2023.",[116,117,118,119,190],{"type":30,"children":606,"toc":647},[607,611,616,620,638,642],{"type":33,"tag":34,"props":608,"children":609},{"id":36},[610],{"type":39,"value":40},{"type":33,"tag":42,"props":612,"children":613},{},[614],{"type":39,"value":615},"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":33,"tag":34,"props":617,"children":618},{"id":49},[619],{"type":39,"value":52},{"type":33,"tag":54,"props":621,"children":622},{},[623,628,633],{"type":33,"tag":58,"props":624,"children":625},{},[626],{"type":39,"value":627},"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":33,"tag":58,"props":629,"children":630},{},[631],{"type":39,"value":632},"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":33,"tag":58,"props":634,"children":635},{},[636],{"type":39,"value":637},"Ella mateixa podia actualitzar textos, imatges i entrades del blog des del panell.",{"type":33,"tag":34,"props":639,"children":640},{"id":80},[641],{"type":39,"value":83},{"type":33,"tag":42,"props":643,"children":644},{},[645],{"type":39,"value":646},"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":90,"depth":90,"links":648},[649,650,651],{"id":36,"depth":90,"text":40},{"id":49,"depth":90,"text":52},{"id":80,"depth":90,"text":83},"content:ca:projects:merce-paytuvi.md","ca\u002Fprojects\u002Fmerce-paytuvi.md","ca\u002Fprojects\u002Fmerce-paytuvi",{"_path":656,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":657,"description":7,"slug":658,"order":659,"category":107,"sector":660,"year":109,"role":14,"status":178,"outstanding":6,"url":7,"image":661,"imageWidth":17,"imageHeight":18,"summary":662,"technologies":663,"body":664,"_type":95,"_id":716,"_source":97,"_file":717,"_stem":718,"_extension":100},"\u002Fca\u002Fprojects\u002Fintegral","Integral","integral",9,"Serveis a empreses","\u002Fimages\u002Fprojects\u002Fintegral-2x.webp","Web corporativa multilingüe per a una empresa de serveis de Banyoles, gestionable des d'un panell propi.",[116,117,118,190,120],{"type":30,"children":665,"toc":711},[666,670,675,679,702,706],{"type":33,"tag":34,"props":667,"children":668},{"id":36},[669],{"type":39,"value":40},{"type":33,"tag":42,"props":671,"children":672},{},[673],{"type":39,"value":674},"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":33,"tag":34,"props":676,"children":677},{"id":49},[678],{"type":39,"value":52},{"type":33,"tag":54,"props":680,"children":681},{},[682,687,692,697],{"type":33,"tag":58,"props":683,"children":684},{},[685],{"type":39,"value":686},"Vaig desenvolupar el web el 2021 amb Laravel, Bootstrap i Sass, sobre el meu CMS propi.",{"type":33,"tag":58,"props":688,"children":689},{},[690],{"type":39,"value":691},"Els continguts eren en català, castellà i anglès, amb seccions i plantilles configurables i un blog amb categories.",{"type":33,"tag":58,"props":693,"children":694},{},[695],{"type":39,"value":696},"Hi vaig afegir un formulari de contacte i la integració amb eines d'analítica.",{"type":33,"tag":58,"props":698,"children":699},{},[700],{"type":39,"value":701},"Després del llançament, també em vaig encarregar de la gestió del correu, els dominis i els servidors.",{"type":33,"tag":34,"props":703,"children":704},{"id":80},[705],{"type":39,"value":83},{"type":33,"tag":42,"props":707,"children":708},{},[709],{"type":39,"value":710},"L'empresa va tenir un web que podia gestionar de manera autònoma. Actualment ja no està en línia.",{"title":7,"searchDepth":90,"depth":90,"links":712},[713,714,715],{"id":36,"depth":90,"text":40},{"id":49,"depth":90,"text":52},{"id":80,"depth":90,"text":83},"content:ca:projects:integral.md","ca\u002Fprojects\u002Fintegral.md","ca\u002Fprojects\u002Fintegral",{"_path":720,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":721,"description":7,"slug":722,"order":723,"category":107,"sector":724,"year":109,"role":14,"status":178,"outstanding":6,"url":7,"image":725,"imageWidth":17,"imageHeight":18,"summary":726,"gallery":727,"technologies":731,"body":734,"_type":95,"_id":781,"_source":97,"_file":782,"_stem":783,"_extension":100},"\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.",[728],{"src":729,"width":17,"height":18,"alt":730},"\u002Fimages\u002Fprojects\u002Fdavidbusquets-albums.webp","Secció d'àlbums amb enllaços a les plataformes de música",[26,732,733],"Tailwind","Vite",{"type":30,"children":735,"toc":776},[736,740,745,749,767,771],{"type":33,"tag":34,"props":737,"children":738},{"id":36},[739],{"type":39,"value":40},{"type":33,"tag":42,"props":741,"children":742},{},[743],{"type":39,"value":744},"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":33,"tag":34,"props":746,"children":747},{"id":49},[748],{"type":39,"value":52},{"type":33,"tag":54,"props":750,"children":751},{},[752,757,762],{"type":33,"tag":58,"props":753,"children":754},{},[755],{"type":39,"value":756},"Vaig crear una aplicació d'una sola pàgina amb Vue 3, Vite i Tailwind CSS, ràpida i adaptada a mòbils.",{"type":33,"tag":58,"props":758,"children":759},{},[760],{"type":39,"value":761},"Vaig fer components específics: galeria de fotos, videoclips, llista de reproducció i un calendari de concerts.",{"type":33,"tag":58,"props":763,"children":764},{},[765],{"type":39,"value":766},"El web era multilingüe, amb canvi d'idioma sense recarregar la pàgina.",{"type":33,"tag":34,"props":768,"children":769},{"id":80},[770],{"type":39,"value":83},{"type":33,"tag":42,"props":772,"children":773},{},[774],{"type":39,"value":775},"El web va reunir en un sol lloc tota l'activitat del músic. Actualment ja no està en línia.",{"title":7,"searchDepth":90,"depth":90,"links":777},[778,779,780],{"id":36,"depth":90,"text":40},{"id":49,"depth":90,"text":52},{"id":80,"depth":90,"text":83},"content:ca:projects:david-busquets.md","ca\u002Fprojects\u002Fdavid-busquets.md","ca\u002Fprojects\u002Fdavid-busquets",{"_path":785,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":786,"description":7,"slug":787,"order":788,"category":107,"sector":789,"year":790,"role":14,"status":110,"outstanding":6,"url":791,"image":792,"imageWidth":793,"imageHeight":794,"summary":795,"technologies":796,"body":802,"_type":95,"_id":854,"_source":97,"_file":855,"_stem":856,"_extension":100},"\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.",[25,797,798,799,800,801],"Vue 3","Tailwind 4","Nuxt Content","Nuxt i18n","Figma",{"type":30,"children":803,"toc":849},[804,808,813,817,840,844],{"type":33,"tag":34,"props":805,"children":806},{"id":36},[807],{"type":39,"value":40},{"type":33,"tag":42,"props":809,"children":810},{},[811],{"type":39,"value":812},"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":33,"tag":34,"props":814,"children":815},{"id":49},[816],{"type":39,"value":52},{"type":33,"tag":54,"props":818,"children":819},{},[820,825,830,835],{"type":33,"tag":58,"props":821,"children":822},{},[823],{"type":39,"value":824},"El vaig redissenyar i desenvolupar des de zero amb Nuxt 3, Tailwind 4 i Nuxt Content, amb tot el contingut en fitxers Markdown.",{"type":33,"tag":58,"props":826,"children":827},{},[828],{"type":39,"value":829},"Totes les pàgines es generen com a HTML estàtic, en català, castellà i anglès.",{"type":33,"tag":58,"props":831,"children":832},{},[833],{"type":39,"value":834},"Està allotjat a Cloudflare Pages: es publica automàticament amb cada canvi i mesura les visites sense galetes.",{"type":33,"tag":58,"props":836,"children":837},{},[838],{"type":39,"value":839},"Té SEO per idioma (hreflang, sitemap i Schema.org) i un hero amb una animació de partícules interactiva.",{"type":33,"tag":34,"props":841,"children":842},{"id":80},[843],{"type":39,"value":83},{"type":33,"tag":42,"props":845,"children":846},{},[847],{"type":39,"value":848},"És el web que estàs veient ara.",{"title":7,"searchDepth":90,"depth":90,"links":850},[851,852,853],{"id":36,"depth":90,"text":40},{"id":49,"depth":90,"text":52},{"id":80,"depth":90,"text":83},"content:ca:projects:david-crous.md","ca\u002Fprojects\u002Fdavid-crous.md","ca\u002Fprojects\u002Fdavid-crous",1791375141578]