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