- Designed and delivered core UI features for scheduling systems and data-driven dashboards used in education and healthcare
- Established a company-wide SCSS architecture based on ITCSS and BEM across a legacy codebase and multiple new projects
- Introduced automated UI testing with Playwright for critical user flows and maintained Angular unit tests with Jasmine and Karma
- Took ownership of frontend quality over time, leading accessibility improvements and UI refactoring across core dashboards
- Modernised legacy UI across multiple dashboards, improving semantic structure, accessibility, and consistency
- Built and maintained a reusable Angular component system adopted across multiple projects and used by the frontend team
- Improved keyboard navigation, focus management, and screen reader support across key user flows
- Achieved Lighthouse accessibility scores above 95 across major application areas
Experience
Work History
- Delivered production-ready semantic HTML for Angular integration across 10+ application screens
- Built interactive UI behaviour with vanilla JavaScript across Chrome, Firefox, and Safari
- Implemented responsive layouts from Figma designs for desktop and mobile
- Developed accessibility-ready markup and UI patterns, which led to a full-time offer
- Built production-ready layouts using semantic HTML5, SCSS, and BEM
- Implemented interactive UI components including modals, sliders, and form validation
- Worked with Gulp, Git, and Figma in a structured workflow
- Ensured responsive layouts and cross-browser compatibility
Production Experience
Admin & Learning Management Platform
Enterprise Learning Platform
Angular · TypeScript · SCSS · Playwright · REST API · HTML
Large-scale platform for professional education programmes with complex administrative dashboards, course management workflows, and data-heavy interfaces used in demanding day-to-day operations.
- Developed Angular features for administrative dashboards and course management workflows
- Built responsive, maintainable UI using TypeScript and SCSS
- Integrated frontend modules with REST APIs and backend services
- Worked extensively with complex forms, data tables, and multi-step user flows
- Collaborated closely with backend developers, designers, and QA across active product development
- SCSS architecture based on ITCSS and BEM
- Playwright-based automated UI tests for critical flows
- WCAG 2.2 accessibility improvements
- Keyboard, focus, and screen reader support
Client & Provider Dashboard Platform
Service Marketplace Platform
Angular · TypeScript · SCSS · REST API · HTML
Role-based platform connecting clients with service providers through booking, scheduling, and account management workflows.
- Developed Angular interfaces for both client and provider dashboards
- Implemented booking, scheduling, and account-related UI flows
- Integrated frontend features with backend APIs and application logic
- Built responsive layouts across desktop and mobile breakpoints
- Worked with reusable components and shared UI patterns across product areas
- Reusable Angular UI components
- Role-based interface logic
- WCAG 2.2 accessibility
- SCSS architecture based on ITCSS and BEM
Public Appointment Booking Portal
Regional Patient Appointment Portal
AngularJS · HTML · SCSS · Gulp
Regional portal for patient appointment booking across public healthcare facilities, with high traffic, strict constraints, and complex scheduling workflows.
- Reworked legacy Bootstrap-based styling into modular SCSS architecture
- Improved responsiveness and usability across key scheduling flows
- Supported and refined appointment booking interfaces
- Worked with complex forms and legacy AngularJS templates
- Contributed to accessibility and consistency improvements within existing system constraints
- Legacy modernisation
- SCSS architecture
- Scheduling workflows
- Accessibility improvements
Internal Registration Interface
Patient Registration System
AngularJS · HTML · CSS3 · Gulp
Legacy internal interface used in a patient registration ecosystem, focused on stability, usability, and incremental improvement in a constrained environment.
- Maintained and improved a legacy AngularJS application
- Supported registration and scheduling-related workflows
- Debugged production issues and stabilised UI behaviour
- Improved interface usability through layout and interaction refinements
- Worked within an existing legacy architecture without disrupting business-critical flows
- Legacy stabilisation
- UI improvements
- Production support
- Incremental modernisation
Server-Rendered Enterprise Interfaces
Enterprise Operational Interfaces
HTML · CSS · JavaScript · Vue.js · InterSystems Caché / CSP
Server-rendered enterprise interfaces for operational and data-heavy systems, built in a backend-driven environment without SPA abstractions.
- Worked directly with server-rendered UI and backend-driven page structure
- Enhanced data-heavy tables, forms, and operational workflows
- Integrated Vue components into a legacy server-rendered environment
- Improved layout consistency and usability under legacy constraints
- Supported complex enterprise UI in a system shaped by backend rendering logic
- Server-side rendering
- Backend-driven UI
- Legacy enterprise systems
- Data-heavy operational interfaces