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