[{"data":1,"prerenderedAt":846},["ShallowReactive",2],{"project-integral":3,"project-nav-integral":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\u002Fintegral","projects",false,"","Integral","integral",9,"Pàgina Web","Serveis a empreses","2021","Disseny i desenvolupament full-stack","offline","\u002Fimages\u002Fprojects\u002Fintegral-2x.webp",2560,1440,"Web corporativa multilingüe per a una empresa de serveis de Banyoles, gestionable des d'un panell propi.",[21,22,23,24,25],"Laravel","PHP","Bootstrap","CSS","Sass",{"type":27,"children":28,"toc":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},"Integral, una empresa de serveis de Banyoles, necessitava una web corporativa clara per presentar la seva activitat en diversos idiomes i poder-la actualitzar internament.",{"type":30,"tag":31,"props":45,"children":47},{"id":46},"què-vaig-fer",[48],{"type":36,"value":49},"Què vaig fer",{"type":30,"tag":51,"props":52,"children":53},"ul",{},[54,60,65],{"type":30,"tag":55,"props":56,"children":57},"li",{},[58],{"type":36,"value":59},"Vaig desenvolupar el web el 2021 amb Laravel, Bootstrap i Sass, sobre el meu CMS propi.",{"type":30,"tag":55,"props":61,"children":62},{},[63],{"type":36,"value":64},"Els continguts eren en català, castellà i anglès, amb seccions i plantilles configurables i un blog amb categories.",{"type":30,"tag":55,"props":66,"children":67},{},[68],{"type":36,"value":69},"Hi vaig afegir un formulari de contacte i la integració amb eines d'analítica.",{"type":30,"tag":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},"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":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:integral.md","content","ca\u002Fprojects\u002Fintegral.md","ca\u002Fprojects\u002Fintegral","md",[94,157,231,315,395,458,526,604,664,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":13,"role":14,"status":100,"outstanding":101,"url":102,"image":103,"imageWidth":17,"imageHeight":18,"summary":104,"technologies":105,"body":107,"_type":87,"_id":154,"_source":89,"_file":155,"_stem":156,"_extension":92},"\u002Fca\u002Fprojects\u002Fgelinet","Gelinet","gelinet",1,"Serveis de neteja","online",true,"https:\u002F\u002Fgelinet.net","\u002Fimages\u002Fprojects\u002Fgelinet-2026.webp","Web multilingüe per a una empresa de neteja de Cassà de la Selva, ara en migració a un web estàtic més ràpid.",[21,22,23,106,25],"HTML",{"type":27,"children":108,"toc":149},[109,113,118,122,140,144],{"type":30,"tag":31,"props":110,"children":111},{"id":33},[112],{"type":36,"value":37},{"type":30,"tag":39,"props":114,"children":115},{},[116],{"type":36,"value":117},"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":119,"children":120},{"id":46},[121],{"type":36,"value":49},{"type":30,"tag":51,"props":123,"children":124},{},[125,130,135],{"type":30,"tag":55,"props":126,"children":127},{},[128],{"type":36,"value":129},"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":131,"children":132},{},[133],{"type":36,"value":134},"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":136,"children":137},{},[138],{"type":36,"value":139},"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":141,"children":142},{"id":72},[143],{"type":36,"value":75},{"type":30,"tag":39,"props":145,"children":146},{},[147],{"type":36,"value":148},"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":150},[151,152,153],{"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":158,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":159,"description":7,"slug":160,"order":82,"category":161,"sector":162,"year":163,"role":164,"status":15,"outstanding":6,"url":7,"image":165,"imageWidth":166,"imageHeight":167,"summary":168,"gallery":169,"technologies":175,"body":176,"_type":87,"_id":228,"_source":89,"_file":229,"_stem":230,"_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.",[170],{"src":171,"width":172,"height":173,"alt":174},"\u002Fimages\u002Fprojects\u002Fclicat-deures.webp",1596,730,"Espai de l'alumne amb els deures assignats per assignatura",[22,23,106,24],{"type":27,"children":177,"toc":223},[178,182,187,191,214,218],{"type":30,"tag":31,"props":179,"children":180},{"id":33},[181],{"type":36,"value":37},{"type":30,"tag":39,"props":183,"children":184},{},[185],{"type":36,"value":186},"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":188,"children":189},{"id":46},[190],{"type":36,"value":49},{"type":30,"tag":51,"props":192,"children":193},{},[194,199,204,209],{"type":30,"tag":55,"props":195,"children":196},{},[197],{"type":36,"value":198},"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":200,"children":201},{},[202],{"type":36,"value":203},"El professorat pot crear exàmens, llistes de problemes i quaderns d'exercicis, i organitzar l'alumnat en grups.",{"type":30,"tag":55,"props":205,"children":206},{},[207],{"type":36,"value":208},"Hi ha informes de progrés i de deures, amb exportació a Excel i PDF.",{"type":30,"tag":55,"props":210,"children":211},{},[212],{"type":36,"value":213},"Les famílies tenen el seu propi accés, amb informes i un xat amb el professorat.",{"type":30,"tag":31,"props":215,"children":216},{"id":72},[217],{"type":36,"value":75},{"type":30,"tag":39,"props":219,"children":220},{},[221],{"type":36,"value":222},"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":224},[225,226,227],{"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":232,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":233,"description":7,"slug":234,"order":235,"category":161,"sector":236,"year":237,"role":164,"status":100,"outstanding":101,"url":238,"image":239,"imageWidth":17,"imageHeight":18,"summary":240,"gallery":241,"technologies":248,"body":255,"_type":87,"_id":312,"_source":89,"_file":313,"_stem":314,"_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.",[242,245],{"src":243,"width":17,"height":18,"alt":244},"\u002Fimages\u002Fprojects\u002Fedicitnet-cataleg.webp","Catàleg d'iniciatives i solucions amb el mapa interactiu",{"src":246,"width":17,"height":18,"alt":247},"\u002Fimages\u002Fprojects\u002Fedicitnet-esdeveniments.webp","Agenda d'esdeveniments amb filtres i mapa",[249,250,251,252,253,254],"Vue","Node.js","Express","MySQL","Leaflet","Vue I18n",{"type":27,"children":256,"toc":307},[257,261,266,270,298,302],{"type":30,"tag":31,"props":258,"children":259},{"id":33},[260],{"type":36,"value":37},{"type":30,"tag":39,"props":262,"children":263},{},[264],{"type":36,"value":265},"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":267,"children":268},{"id":46},[269],{"type":36,"value":49},{"type":30,"tag":51,"props":271,"children":272},{},[273,278,283,288,293],{"type":30,"tag":55,"props":274,"children":275},{},[276],{"type":36,"value":277},"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":279,"children":280},{},[281],{"type":36,"value":282},"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":284,"children":285},{},[286],{"type":36,"value":287},"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":289,"children":290},{},[291],{"type":36,"value":292},"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":294,"children":295},{},[296],{"type":36,"value":297},"Tota la interfície és multilingüe.",{"type":30,"tag":31,"props":299,"children":300},{"id":72},[301],{"type":36,"value":75},{"type":30,"tag":39,"props":303,"children":304},{},[305],{"type":36,"value":306},"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":308},[309,310,311],{"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":316,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":317,"description":7,"slug":318,"order":319,"category":161,"sector":320,"year":321,"role":164,"status":100,"outstanding":101,"url":322,"image":323,"imageWidth":17,"imageHeight":18,"summary":324,"gallery":325,"technologies":332,"body":335,"_type":87,"_id":392,"_source":89,"_file":393,"_stem":394,"_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.",[326,329],{"src":327,"width":17,"height":18,"alt":328},"\u002Fimages\u002Fprojects\u002Fnat4wat-solucions.webp","Catàleg de solucions basades en la natura",{"src":330,"width":17,"height":18,"alt":331},"\u002Fimages\u002Fprojects\u002Fnat4wat-casos.webp","Llistat de casos de mercat amb filtres",[333,249,334,250],"Nuxt 3","Pinia",{"type":27,"children":336,"toc":387},[337,341,346,350,378,382],{"type":30,"tag":31,"props":338,"children":339},{"id":33},[340],{"type":36,"value":37},{"type":30,"tag":39,"props":342,"children":343},{},[344],{"type":36,"value":345},"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":347,"children":348},{"id":46},[349],{"type":36,"value":49},{"type":30,"tag":51,"props":351,"children":352},{},[353,358,363,368,373],{"type":30,"tag":55,"props":354,"children":355},{},[356],{"type":36,"value":357},"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":359,"children":360},{},[361],{"type":36,"value":362},"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":364,"children":365},{},[366],{"type":36,"value":367},"Les solucions es comparen amb una anàlisi multicriteri amb gràfics, i se'n pot generar un informe.",{"type":30,"tag":55,"props":369,"children":370},{},[371],{"type":36,"value":372},"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":374,"children":375},{},[376],{"type":36,"value":377},"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":379,"children":380},{"id":72},[381],{"type":36,"value":75},{"type":30,"tag":39,"props":383,"children":384},{},[385],{"type":36,"value":386},"L'eina és pública i continua activa a nat4wat.icra.cat.",{"title":7,"searchDepth":82,"depth":82,"links":388},[389,390,391],{"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":396,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":397,"description":7,"slug":398,"order":399,"category":161,"sector":400,"year":401,"role":14,"status":402,"outstanding":6,"url":7,"image":403,"imageWidth":17,"imageHeight":18,"summary":404,"technologies":405,"body":408,"_type":87,"_id":455,"_source":89,"_file":456,"_stem":457,"_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,249,406,407],"Vuex","Tailwind CSS",{"type":27,"children":409,"toc":451},[410,414,419,423],{"type":30,"tag":31,"props":411,"children":412},{"id":33},[413],{"type":36,"value":37},{"type":30,"tag":39,"props":415,"children":416},{},[417],{"type":36,"value":418},"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":420,"children":421},{"id":46},[422],{"type":36,"value":49},{"type":30,"tag":51,"props":424,"children":425},{},[426,431,436,441,446],{"type":30,"tag":55,"props":427,"children":428},{},[429],{"type":36,"value":430},"El 2022 vaig dissenyar i desenvolupar l'EnfaixApp, una aplicació web amb Laravel, Vue i Tailwind CSS.",{"type":30,"tag":55,"props":432,"children":433},{},[434],{"type":36,"value":435},"Cada casteller té la seva fitxa, amb les posicions on pot fer castells.",{"type":30,"tag":55,"props":437,"children":438},{},[439],{"type":36,"value":440},"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":442,"children":443},{},[444],{"type":36,"value":445},"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":447,"children":448},{},[449],{"type":36,"value":450},"També té formularis amb respostes, notificacions, un registre d'activitat recent i rols amb permisos diferents.",{"title":7,"searchDepth":82,"depth":82,"links":452},[453,454],{"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":459,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":460,"description":7,"slug":461,"order":462,"category":161,"sector":236,"year":463,"role":14,"status":402,"outstanding":6,"url":7,"image":464,"imageWidth":17,"imageHeight":18,"summary":465,"gallery":466,"technologies":470,"body":471,"_type":87,"_id":523,"_source":89,"_file":524,"_stem":525,"_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.",[467],{"src":468,"width":17,"height":18,"alt":469},"\u002Fimages\u002Fprojects\u002Ficra-workshop-top10.webp","Rànquing dels 10 aspectes més votats durant un taller (dades de prova)",[333,249,334,407],{"type":27,"children":472,"toc":518},[473,477,482,486,509,513],{"type":30,"tag":31,"props":474,"children":475},{"id":33},[476],{"type":36,"value":37},{"type":30,"tag":39,"props":478,"children":479},{},[480],{"type":36,"value":481},"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":483,"children":484},{"id":46},[485],{"type":36,"value":49},{"type":30,"tag":51,"props":487,"children":488},{},[489,494,499,504],{"type":30,"tag":55,"props":490,"children":491},{},[492],{"type":36,"value":493},"Va ser un encàrrec puntual: vaig desenvolupar una aplicació web amb Nuxt 3, Pinia i Tailwind CSS.",{"type":30,"tag":55,"props":495,"children":496},{},[497],{"type":36,"value":498},"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":500,"children":501},{},[502],{"type":36,"value":503},"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":505,"children":506},{},[507],{"type":36,"value":508},"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":510,"children":511},{"id":72},[512],{"type":36,"value":75},{"type":30,"tag":39,"props":514,"children":515},{},[516],{"type":36,"value":517},"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":519},[520,521,522],{"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":527,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":528,"description":7,"slug":529,"order":530,"category":11,"sector":531,"year":532,"role":14,"status":100,"outstanding":6,"url":533,"image":534,"imageWidth":535,"imageHeight":536,"summary":537,"gallery":538,"technologies":548,"body":549,"_type":87,"_id":601,"_source":89,"_file":602,"_stem":603,"_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.",[539,542,545],{"src":540,"width":17,"height":18,"alt":541},"\u002Fimages\u002Fprojects\u002Fhostal-bartis-habitacions.webp","Pàgina d'habitacions",{"src":543,"width":17,"height":18,"alt":544},"\u002Fimages\u002Fprojects\u002Fhostal-bartis-doble.webp","Fitxa de l'habitació doble amb galeria de fotos",{"src":546,"width":17,"height":18,"alt":547},"\u002Fimages\u002Fprojects\u002Fhostal-bartis-historia.webp","Pàgina d'història de l'hostal",[21,22,23,106,24],{"type":27,"children":550,"toc":596},[551,555,560,564,587,591],{"type":30,"tag":31,"props":552,"children":553},{"id":33},[554],{"type":36,"value":37},{"type":30,"tag":39,"props":556,"children":557},{},[558],{"type":36,"value":559},"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":561,"children":562},{"id":46},[563],{"type":36,"value":49},{"type":30,"tag":51,"props":565,"children":566},{},[567,572,577,582],{"type":30,"tag":55,"props":568,"children":569},{},[570],{"type":36,"value":571},"Vaig dissenyar i desenvolupar el web amb Laravel i Bootstrap, adaptat a mòbils.",{"type":30,"tag":55,"props":573,"children":574},{},[575],{"type":36,"value":576},"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":578,"children":579},{},[580],{"type":36,"value":581},"Els continguts eren en català, castellà i anglès, pensant en el visitant estranger.",{"type":30,"tag":55,"props":583,"children":584},{},[585],{"type":36,"value":586},"Hi vaig afegir un formulari de contacte i de reserva.",{"type":30,"tag":31,"props":588,"children":589},{"id":72},[590],{"type":36,"value":75},{"type":30,"tag":39,"props":592,"children":593},{},[594],{"type":36,"value":595},"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":597},[598,599,600],{"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":605,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":606,"description":7,"slug":607,"order":608,"category":11,"sector":609,"year":610,"role":14,"status":15,"outstanding":6,"url":7,"image":611,"imageWidth":17,"imageHeight":18,"summary":612,"technologies":613,"body":614,"_type":87,"_id":661,"_source":89,"_file":662,"_stem":663,"_extension":92},"\u002Fca\u002Fprojects\u002Fmerce-paytuvi","Mercè Paytuví","merce-paytuvi",8,"Artesania tèxtil","2019","\u002Fimages\u002Fprojects\u002Fmerce-paytuvi-2x.webp","Web i blog per a una artesana tèxtil de Mont-ras, amb dues versions entre el 2019 i el 2023.",[21,22,23,106,24],{"type":27,"children":615,"toc":656},[616,620,625,629,647,651],{"type":30,"tag":31,"props":617,"children":618},{"id":33},[619],{"type":36,"value":37},{"type":30,"tag":39,"props":621,"children":622},{},[623],{"type":36,"value":624},"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":626,"children":627},{"id":46},[628],{"type":36,"value":49},{"type":30,"tag":51,"props":630,"children":631},{},[632,637,642],{"type":30,"tag":55,"props":633,"children":634},{},[635],{"type":36,"value":636},"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":638,"children":639},{},[640],{"type":36,"value":641},"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":643,"children":644},{},[645],{"type":36,"value":646},"Ella mateixa podia actualitzar textos, imatges i entrades del blog des del panell.",{"type":30,"tag":31,"props":648,"children":649},{"id":72},[650],{"type":36,"value":75},{"type":30,"tag":39,"props":652,"children":653},{},[654],{"type":36,"value":655},"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":657},[658,659,660],{"id":33,"depth":82,"text":37},{"id":46,"depth":82,"text":49},{"id":72,"depth":82,"text":75},"content:ca:projects:merce-paytuvi.md","ca\u002Fprojects\u002Fmerce-paytuvi.md","ca\u002Fprojects\u002Fmerce-paytuvi",{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":7,"slug":9,"order":10,"category":11,"sector":12,"year":13,"role":14,"status":15,"outstanding":6,"url":7,"image":16,"imageWidth":17,"imageHeight":18,"summary":19,"technologies":665,"body":666,"_type":87,"_id":88,"_source":89,"_file":90,"_stem":91,"_extension":92},[21,22,23,24,25],{"type":27,"children":667,"toc":703},[668,672,676,680,695,699],{"type":30,"tag":31,"props":669,"children":670},{"id":33},[671],{"type":36,"value":37},{"type":30,"tag":39,"props":673,"children":674},{},[675],{"type":36,"value":43},{"type":30,"tag":31,"props":677,"children":678},{"id":46},[679],{"type":36,"value":49},{"type":30,"tag":51,"props":681,"children":682},{},[683,687,691],{"type":30,"tag":55,"props":684,"children":685},{},[686],{"type":36,"value":59},{"type":30,"tag":55,"props":688,"children":689},{},[690],{"type":36,"value":64},{"type":30,"tag":55,"props":692,"children":693},{},[694],{"type":36,"value":69},{"type":30,"tag":31,"props":696,"children":697},{"id":72},[698],{"type":36,"value":75},{"type":30,"tag":39,"props":700,"children":701},{},[702],{"type":36,"value":80},{"title":7,"searchDepth":82,"depth":82,"links":704},[705,706,707],{"id":33,"depth":82,"text":37},{"id":46,"depth":82,"text":49},{"id":72,"depth":82,"text":75},{"_path":709,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":710,"description":7,"slug":711,"order":712,"category":11,"sector":713,"year":13,"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",[249,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":100,"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.",[333,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",1791373248124]