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