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