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