Silo Öcal

I was hired by Frederiksberg Kommune to build the new Een Indgang platform — a modern, citizen‑facing service that streamlines access to municipal services and event permits. Built with Nuxt 4 and TypeScript, the solution delivers a robust full‑stack architecture with a type‑safe tRPC API, data modeling via Drizzle on PostgreSQL, and strict validation using Zod. The app provides secure OIDC authentication with MitID (via Nets eID Broker), state management through Pinia, and a visual, drag‑and‑drop planning experience for placing stages, booths, and facilities on location maps. Accessibility, localization, and reliability are first‑class through WCAG 2.1 patterns, i18n, end‑to‑end tests with Playwright, and CI/CD on GitHub Actions with Docker.

Key contributions:

• Designed the full‑stack architecture with Nuxt 4, server routes, and type‑safe tRPC
• Implemented OIDC auth with MitID via Nets eID Broker
• Modeled the domain with Drizzle on PostgreSQL and validation with Zod
• Built a drag‑and‑drop map planning UI for event artifacts (stages, booths, facilities)
• Established state and data flows with Pinia and composables using VueUse
• Added i18n and implemented accessible UI patterns to meet WCAG 2.1
• Set up testing with Playwright plus linting/formatting (ESLint/Prettier)
• Automated CI/CD with GitHub Actions and containerization via Docker
• Implemented transactional emails through Sendgrid
• Delivered documentation, admin workflows (status changes, edits), and handover to the municipal team

I led the setup and implementation of the new design system for porsche.dk, transforming Figma designs into reusable Vue 3 components focused on maintainability, performance, and scalability. Using GSAP, I implemented advanced animations and interactive features to enhance the user experience. I also mentored internal frontend developers, optimized workflows, and supported backend teams with seamless frontend integration.

Key contributions:

• Built and implemented the new design system in Vue 3
• Converted Figma designs into reusable components
• Added animations and interactions with GSAP
• Documented components in Storybook
• Guided internal developers on best practices
• Supported backend integration

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.

Key contributions:

• Designed the baseline architecture and project structure
• Integrated Jenkins CI/CD and Docker
• Implemented Pinia state, Vue Router, and auth flows with Keycloak
• Set up Cypress/Vitest testing and WCAG 2.1 checks
• Delivered a scalable, standardized frontend foundation

I served as the lead frontend developer on the OSM2 program at UFST, owning architecture and technical direction across multiple frontends. I implemented a micro frontend architecture, integrated the SKAT design system based on Bootstrap, and built features with Vue 3 + TypeScript, Pinia, and Vue Router. I established a strong testing culture using Cypress and Vitest, kept documentation current, and co-led the Frontend Community of Practice (FeCOP). Close collaboration with the PO and Scrum Master ensured clear acceptance criteria, quality, and security throughout delivery.

Key contributions:

• Owned frontend architecture and technology choices across projects
• Implemented a micro frontend architecture for the case management system
• Delivered features in Vue 3 + TypeScript with Pinia and Vue Router
• Integrated the SKAT design system built on Bootstrap
• Established Cypress E2E tests and Vitest unit tests
• Maintained and improved frontend documentation; co-led FeCOP
• Worked closely with PO/Scrum Master on task scoping and acceptance criteria
• Ensured security and quality standards; supported CI with Jenkins and GitHub

Developed the Angivelse reporting system enabling large businesses to report interests at scale, with a strong emphasis on security and robust testing.

Key contributions:

• Implemented features in Vue 2 with TypeScript
• Ensured security, linting, unit, and E2E testing pre-deploy
• Integrated with backend services via REST/Axios

I built a custom Vue 3 component library aligned with the SKAT design system (Bootstrap), creating a consistent UI framework and a documentation site for developers to explore and test components interactively.

Key contributions:

• Designed and developed reusable Vue 3 components with TypeScript
• Integrated the SKAT design system (Bootstrap)
• Created documentation and interactive examples
• Established testing with Vitest and Cypress
• Supported CI with Jenkins and maintained documentation

I initiated and implemented the micro frontend infrastructure for the OSM2 program, migrating legacy Vue 2 code into Vue 3 fragments to be reused across UFST solutions, while enforcing quality via Cypress and robust CI.

Key contributions:

• Designed and implemented micro frontend architecture
• Migrated core features from Vue 2 to Vue 3
• Established standards for routing, state, and integration
• Ensured quality with Cypress E2E and CI/CD pipelines

Maintained the Registrering frontend used by national and international companies to register for the Danish VAT system. Ensured stability and compliance while iterating on features and tests.

Key contributions:

• Maintained and extended Vue 2 frontend with TypeScript
• Implemented features using Bootstrap
• Added and maintained tests and CI

Built and maintained the internal Sagsbehandling frontend used by employees to view and manage registrations, deploying through a rigorous pipeline with tests and linting.

Key contributions:

• Developed secure, testable features in Vue 2
• Followed strict QA (linting, unit, and E2E testing) before deploy
• Ensured maintainability and performance

Designed and implemented Klassemappen, a system for parents to manage class information, playdates, groups, and a class money box. Built with Vue/Nuxt and Firebase for data handling.

Key contributions:

• Selected the technology stack and set up the build workflow
• Designed and prototyped the app in Figma
• Implemented core features and SEO-friendly pages with Nuxt
• Integrated Firebase for data storage

Designed a system to guide workshop personnel through structured triage when conductors report issues, enabling consistent data capture and resolution.

Key contributions:

• Researched problems and prototyped solutions in Figma
• Tested prototypes with stakeholders
• Delivered UI designs and supported Angular implementation

Led the creation of a new design system for DSB, establishing information architecture and a single source of truth across teams using ZeroHeight and Storybook.

Key contributions:

• Defined IA and governance for the design system
• Produced content, guidelines, and presentations across the org
• Rolled out the system to teams and stakeholders

Rewrote an existing mobile app into Ionic + Angular, modernizing the build pipeline and improving stability and maintainability.

Key contributions:

• Migrated legacy code and established a new build workflow
• Improved performance, reliability, and developer experience

Supported the DSB.dk team in upgrading React to the latest version, modernizing patterns and ensuring maintainable code.

Key contributions:

• Planned an incremental, low-risk upgrade path
• Refactored components to align with new APIs and best practices

Rebuilt Ferieplan, a vacation calendar app for train personnel, using Angular and Ionic, with a new build workflow.

Key contributions:

• Migrated from an older codebase and optimized delivery
• Implemented core features with a focus on UX and performance

Maintained and redesigned parts of KVINFO, the Danish center for gender, equality, and diversity, on Drupal.

Key contributions:

• Implemented redesigns and ensured UI quality
• Collaborated with Adapt on delivery and workflows

Modernized DriftPortal, a core workday management app for train personnel, by rewriting into Ionic + Angular and establishing a new build workflow.

Key contributions:

• Rewrote from a legacy codebase
• Improved reliability, UX, and deployment processes

Built a flexible, SEO-friendly, and fast website using Nuxt with Vue/Vuex and a .NET backend via Contentful.

Key contributions:

• Designed and prototyped responsive pages
• Set up environment, state management, and REST integrations
• Optimized for SEO and performance

Frontend Developer, Designer, and UX’er on BILL, a mobile ticket system for conductors to validate tickets and create fees, built with Ionic and Angular.

Key contributions:

• Designed UI and style guide; set up workflow
• Implemented app features and device integrations (scanner, camera)

Maintained legacy code and built new omnichannel features for the Fætter BR website, including SAP Hybris widgets and UX testing.

Key contributions:

• Developed Hybris widgets and new features
• Maintained legacy stack and ensured performance

Led development of an express Click & Collect variant providing real-time store inventory and same-day pickup ordering.

Key contributions:

• Built store-facing AngularJS tooling and scanner integrations
• Conducted user testing and iterative improvements

Architected and developed a competition system used by partners like Lego and Disney, collaborating with an outsourcing team.

Key contributions:

• Led frontend architecture and AngularJS development
• Designed UI deliverables and coordinated with external teams

Maintained legacy code base and delivered omnichannel features across the Toys'R'Us site, plus Hybris widget development and user testing.

Key contributions:

• Built widgets and maintained compatibility across the stack
• Delivered new site features and optimizations

Delivered a complete redesign for Løberen.dk with core frontend implementation on Drupal.

Key contributions:

• Drove UX and UI, then implemented the design
• Built core features and interactions

Created an advanced product filtering system for Bjerregaard.dk on Drupal.

Key contributions:

• Engineered flexible filtering UX and performant UI components

Delivered a full redesign on Bootstrap and integrated it into IDA’s custom system.

Key contributions:

• Led frontend implementation and Bootstrap integration
• Ensured responsive UX and smooth delivery

Redesigned and migrated the existing CMS to Drupal, delivering new UI and interactions.

Key contributions:

• Led migration and redesign work
• Implemented modern, responsive UI components

Delivered a complete new Drupal-based design for Vitus Rejser.

Key contributions:

• Frontend implementation and responsive UI
• Collaboration on content and delivery schedule

Delivered the core Drupal setup and design integration for Pensionforalle.dk, owned by ATP.

Key contributions:

• Implemented core design and content workflows
• Automated content operations for efficiency

Built a new Drupal setup and design for ATP, including workflow architecture and content automation.

Key contributions:

• Delivered responsive frontend and content tooling
• Ensured sustainable content operations

Worked on Clio Online’s interactive, self-correcting testing system spanning multiple products (exams, knowledge evaluation, and language training), and contributed to the broader Clio portál ecosystem.

Key contributions:

• Frontend development across TYPO3-based portals
• Built interactive, accessible UI components