Organising Spaces with GraphQL

Build a website/app for staff at the Barbican to see which spaces are available to book.

Can I see it?

Unfortunately not, it's only available for Barbican staff at

The code is in a private Barbican Bitbucket repository sadly.

I have started writing about this project on my blog.

How much did you do?

Most things on the frontend, which includes:

  • 💻 Building the app in Vue 3
  • 🎨 Designing the user journey with Figma
  • 💾 Consuming data from the Barbican GraphQL feed.
  • 📝 Writing the SCSS

What are the interesting parts?

This project is all about democratising information. There is already an event management system in place, but only a few staff members know how to use it. The original system is very technical and has been manipulated/misused over time. Our task is to build a more intuitive/accessible front end for anyone at the Barbican to use.

We're using GraphQL to pull data from the original system, and are using Vue.js to present a more intuitive view of everything that is happening at the centre.

What needs improving?

  • Documentation 😥 It really should include JSDoc and SassDoc. The code is well structured but will be tricky to maintain without notes.
See Project
0.07g of CO2/view
Website Carbon

Cleaner than 94% of pages tested


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