Building a components library
Leap Forward is a design and innovation group based in Gent. Their client, the FGTB/ABVV belgian union, was busy porting an old AS/400 application to a modern web application. The mission was to convert the design of the new application into a framework-agnostic pattern library that could scale, be highly maintainable and that could be distributed as an NPM package.
I worked on site to convert the design into a set of components and utility classes. Components are responsive, self contained and each of them is configurable with Sass maps and variables where it makes sense. Both components and utility classes make use of centralised variables for general configuration items like breakpoints, colors and spacing.
Making it distributable
The other half of the work was to hand off this components library to the Angular team building the application and fix the occasional bug that would arise as components would be implemented.
Between design and development
I have seen a lot of interest for “design ops” lately and it felt great to get involved with it. Working on such an IT-driven project in a big organisation and with a great team was also very interesting and a big change from the medium sized projects I usually work on.