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