William Kan
Front-End Developer |
Netizen | Bug Catcher
CV available upon request
Biography
I'm a web developer enthusiastic about building accessible, responsive websites for the non profit sector. I specialize in front-end development using Drupal and WordPress CMS. I'm open to discussing opportunities where my skills and experience can support digital solutions.
Professional Skills
HTML
Writing clean, semantic, and accessible HTML structure
CSS
Native CSS, SASS, Tailwind, Bootstrap5 and Material UI
JavaScript
Creating dynamic UI behaviour for frontend components
Twig templating
Custom Drupal theming and for Storybook prototyping
Drupal 9 and 10
Site builder and admin configuration management
RWD and accessibility
Building mobile-first, accessible interfaces that meet WCAG standards
Agile Principles and Scrum
Requirements gathering, writing and reviewing code in sprints
Version control
Used Git in a small agile team for feature based workflow
Tech support
Dispute resolution, reporting and escalating bugs and communicating fixes
Soft Skills
Presented to technical and non-tech staff
Work Experience
Tech
One Young World, Central London - Junior Drupal Developer
Mar 2022 - present
Responsible for translating figma designs into Storybook (Component Library) UI components following atomic design pattern. Configuration of Drupal CMS, writing custom theme hooks, preprocessing, twig templating. Lead on all content-based projects between stakeholders and the digital team as well as training non-technical users to build webpages and manage content responsibly.
Read about a Project HereNon-Tech
AECOM UK Ltd., Midlands & SE UK - Engineering Geologist
Sept 2016 - Sept 2021
Technical report preparation. Site supervision: conduct inspections to maintain accurate valuation of budget spend, problem solving between contractors, design and client team members. Presentation to stakeholders: report on construction progress, ground conditions risk management, health & safety conditions and quality control.
Atkins China Ltd., Hong Kong (SAR) - Graduate Engineering Geologist
Mar 2014 - May 2015
Data collection, management and analysis (using MS Excel) for factual and interpretative reporting. Technical report preparation: summarising qualitative and quantitative geological and geotechnical information for client review.
Nishimatsu Construction Company, Hong Kong (SAR) - Assistant Geologist
Sept 2012 - Mar 2014
Presentation (oral and written) of construction monitoring data for design, contractor and client review. Supported senior staff with site inspections. Collect field data to justify adverse ground conditions for compensation claims.
Blog
How to Set Up a Storybook Twig/HTML Library and Deploy with GitHub Actions
You can host your static storybook library using GitHub Pages and their Actions deployment solution for free. Here’s how I did it: Project setup and caveats This is a standalone storybook html component library using twig templating, so could be used...
Project Experience: Redesigning Richmond Furniture Scheme's Website
Richmond Furniture Scheme (RFS) is a local charity that collects most types of new and used furniture, refurbishing or restoring them if need be, and then selling them to the public. It offers 'starter packs' containing common household goods or appl...
Essential Tips to Ace the Acquia Certified Drupal 10 Site Builder Exam
I recently achieved the Drupal 10 Site Builder certification after around two years of work experience in the Drupal space. Hopefully, this initial step to accreditation will be the first of many more. I was apprehensive of taking the exam for such a...