[{"data":1,"prerenderedAt":144},["ShallowReactive",2],{"project-/projects/2024-10-ufst-scaffold-frontend":3},{"id":4,"title":5,"body":6,"description":122,"extension":123,"meta":124,"navigation":139,"path":140,"seo":141,"stem":142,"__hash__":143},"content/en/projects/2024-10-ufst-scaffold-frontend.md","UFST — Vue 3 Frontend Scaffold",{"type":7,"value":8,"toc":118},"minimark",[9,59,65],[10,11,12,13,19,20,25,26,31,32,36,37,42,43,31,48,52,53,58],"p",{},"I architected a comprehensive ",[14,15,18],"span",{"className":16},[17],"color-zest","Vue 3"," frontend scaffold at ",[14,21,24],{"className":22},[23],"color-light-blue","UFST",", establishing a robust development ecosystem. The solution included modular architecture, CI/CD with ",[14,27,30],{"className":28},[29],"color-ruby","Jenkins",", ",[14,33,35],{"className":34},[23],"Docker"," containerization, state management via ",[14,38,41],{"className":39},[40],"color-sun","Pinia",", advanced routing, authentication with ",[14,44,47],{"className":45},[46],"color-lavender","Keycloak",[14,49,51],{"className":50},[17],"i18n",", and automated accessibility testing to meet ",[14,54,57],{"className":55},[56],"color-bright-green","WCAG 2.1",".",[10,60,61],{},[62,63,64],"strong",{},"Key contributions:",[66,67,68,72,82,97,115],"ul",{},[69,70,71],"li",{},"Designed the baseline architecture and project structure",[69,73,74,75,78,79],{},"Integrated ",[14,76,30],{"className":77},[29]," CI/CD and ",[14,80,35],{"className":81},[23],[69,83,84,85,88,89,93,94],{},"Implemented ",[14,86,41],{"className":87},[40]," state, ",[14,90,92],{"className":91},[17],"Vue Router",", and auth flows with ",[14,95,47],{"className":96},[46],[69,98,99,100,104,105,110,111,114],{},"Set up ",[14,101,103],{"className":102},[56],"Cypress","/",[14,106,109],{"className":107},[108],"color-electric","Vitest"," testing and ",[14,112,57],{"className":113},[56]," checks",[69,116,117],{},"Delivered a scalable, standardized frontend foundation",{"title":119,"searchDepth":120,"depth":120,"links":121},"",2,[],"I architected a comprehensive Vue 3 frontend scaffold at UFST, establishing a robust development ecosystem. The solution included modular architecture, CI/CD with Jenkins, Docker containerization, state management via Pinia, advanced routing, authentication with Keycloak, i18n, and automated accessibility testing to meet WCAG 2.1.","md",{"client":125,"dateFrom":126,"dateTo":127,"type":128,"skills":129,"role":136,"link":137,"images":138},"UFST — Udviklings- og Forenklingsstyrelsen","2024-10-01","2024-11-01","Freelance",[18,130,131,41,92,47,51,103,109,30,35,132,57,133,134,135],"Vite","TypeScript","Bootstrap","Jira","Confluence","GitHub","Frontend Developer","https://ufst.dk/",[],true,"/en/projects/2024-10-ufst-scaffold-frontend",{"title":5,"description":122},"en/projects/2024-10-ufst-scaffold-frontend","qatPLQABGB4jssPH3FkxgblJGP6tcTdomwHvQJ_jZkk",1779177083448]