Resetting the Barbican with Node.js

Build the Barbican Reset. An NPM package that can be used across the Barbican's many digital products to provide consistent styling and functionality.

Can I see it?

Sure, it's at npmjs.com/package/barbican-reset

The code is in a private Barbican Bitbucket repository sadly. But feel free to download the Barbican Reset and review the production code.

How much did you do?

Pretty much everything, which includes:

  • 💻 Building the package for NPM
  • 💡 Creating components for Vue.js
  • 📝 Writing the SCSS

What are the interesting parts?

This was the first time I created an NPM package, so that was new and interesting for me. Understanding how to provide functionality for both vue and drupal was also a challenge, providing both styled components and a set of useful mixins that would make replicating those components easy.

What needs improving?

  • Compatibility 😥 We're currently in the process of moving the project to vue 3 and removing dependency on Bootstrap.
  • Documentation 😥 It really should include JSDoc and SassDoc. The code is well structured but will be tricky to maintain without notes.
See Project
London
12:00
2.21.0
0.03g of CO2/view
Website Carbon

Cleaner than 97% of pages tested

spotify
themes
close
Success!

Thanks for your message
I'll be in touch soon :)

To
hello@paulh.biz