Bart Nagel – web developer

I’m a programmer based in Vancouver, originally from the UK. I mostly work in web, as a full-stack developer. I can design to some extent, but I like to code first and foremost.

There are contact details below.

Projects I have worked on

With Will Creative

• 2017: AbCellera – all development and sysadmin (ES6/React, Node, AWS Lambda; serverless)

With Assembly Co

• 2016: Priim – all front- and back-end development (Laravel)

With Switch United

• 2016: Canada in a Day – all front- and back-end development (Django), plus all sysadmin

With Content and Brand

• 2016: Canadian Executive Service Organization – back-end development

With Pound and Grain

• 2016: Win the Board for SAP and Intel's Digital Boardroom – all back-end development, in node.js

With Tribal Worldwide

• 2017: Trans Mountain – front-end development on community/pipeline map (ES6, Google Maps API)
• 2017: Sparkit – most front- and back-end development (ES6/React, GraphQL, PHP/Lumen)
• 2017: Sky Residences at Ice District – front-end development of 360° panorama (ES6)
• 2017: Quality Milk, for Dairy Farmers of Canada – most front-end development
• 2016: DDB Canada – small features and bugfixes
• 2016: Skittles Holiday Pawn Shop – front-end updates for year two, and some codebase refactoring
• 2016: Spring styles page and banner for Metropolis at Metrotown – all development
• 2016: Awards page (not publicly online) for Adidas Runmore – all development except the mobile-specific styles
• 2016: McDonald’s CRM (English and French) – front-end code for mailing list sign-up forms and survey
• 2015: BC Place Stadium – all back-end and some front-end code
• 2015: Avigilon – new pages and bug fixes for the existing website
• 2015: Metropolis at Metrotown Lifesize Stylist – interactive physical installation in a shopping mall with 60-inch and 24-inch screens – all back-end and most front-end code
• 2015: Vancouver Convention Centre – back-end development for latter half of production, some front-end including map
• 2015: McDonald’s Blend your Friends – proof of concept Imagemagick face morphing code
• 2015: Beetle Road Stories/En tournée avec la Beetle – Volkswagen campaign in Canadian English and French – all back-end and some front-end code including the WebGL and canvas drive versions, and the Google Street View pathfinding logic
• 2014: Selfie Swap – campaign for the Canadian Tourism Commission (now Destination Canada) in English, French, and German – all back-end and some front-end code
• 2014: Avigilon – some new pages and bug fixes for their existing website
• 2014: Healthy Choice – front- and back-end development for a new page and some modifications to the existing back-end to accommodate a new range of products
• 2014: McDonald’s Local Region Marketing banner generation tool – internal tool for McDonald’s staff to generate localized banners based on templates – all front- and back-end development
• 2014: Milk Every Moment Snack Masters, for the Strategic Milk Alliance (now Dairy Farmers of Canada) – most back-end and some front-end code
• 2014: Explore Edmonton – most back-end and some front-end code
• 2014: Metropolis at Metrotown Mobile Stylist – mobile toy – all back-end and some front-end code
• 2014: Canadian Tourism Commission (now Destination Canada) – interactive HTML5 advertisement featured in Süddeutsche Zeitung, Frankfurter Allgemeine Zeitung and Marco Polo Travel Magazine
• 2014: Various site widgets and some social network interaction for Servus Credit Union
• 2014: BC Hydro maps tool – internal tool for BC Hydro staff to produce custom interactive maps – front- and back-end development
• 2013: Metropolis at Metrotown – front-end improvements and bug fixes, a few back-end improvements
• 2013: BC Hydro Power Smart Power Plan – front-end bug fixing
• 2013: Milk Every Moment version 1 – part of the front-end development including the milk cheers carousel code, for the Strategic Milk Alliance (now Dairy Farmers of Canada)
• 2013: Servus Credit Union Good Karma Contest – part of the front- and back-end development
• 2013: McDonald’s Monopoly 2013, English and French versions – front- and back-end development including full image generation chain (queue server, render nodes, Gimp/Blender/Imagemagick integration, and more)
• 2013: McDonald’s McCafé Monday Catch-ups – front-end development
• 2013: McDonald’s Quarter Pounder with Cheese BLT – front-end development
• 2013: Digital signage Flash elements for Canadian Pacific Railway
• 2013: McDonald’s 24 Hour Snack Tracker – front-end development including all navigation code
• 2013: Trans Mountain – various features and bug fixes on legacy website
• 2013: Ausenco – various features and bug fixes

With Assembly Digital

• 2013: Montecristo Magazine – front- and back-end development, various Wordpress widgets, responsive styles and code
• 2013: Tourism Kamloops Facebook app – front- and back-end development
• 2013: Nuvo Magazine – front- and back-end development, various Wordpress widgets, responsive styles and code

With Blast Radius

• 2012: Starbucks Rekindle – part of the front-end development and some back-end development including a video generation service
• 2012: Starbucks Verismo System original site – most of the front-end development including all parallax code
• 2012: Nike Jordan Rise Above – part of the front-end development
• 2012: Starbucks Pumpkin Spice Latte – front-end development for online Facebook-based game, including wordsearch, quiz, and other mini-games
• 2012: Starbucks Frappuccino – half of the front-end development including all shuffle and jingle code
• 2012: Microsoft SQL Server – front-end development of one new page
• 2012: Starbucks Tazo Tea Time – all front-end development
• 2012: Nike Golf Speed Trials – all front-end development of mobile version
• 2012: Spring 2012 “Swoosh” HTML email newsletter for Nike Golf staff

With ECS at the University of Southampton

• 2011: afrepo – linked data audiofile repository
• 2010: Questionbank – QTI item delivery tool integrating with Eqiat
• 2010: Eqiat – QTI item authoring tool

Freelance and personal

• 2017: Web-based résumé page for Matt Wiens
• 2017: 50th anniversary page for the Canadian Executive Service Organization – all development
• 2015: Holding page for Mark Wiens, based on his existing business card
• From 2014: py-lightpack, a fork of a Python library to control Lightpack
• 2014: Major fork of Sprintly-GitHub, a command line tool for hooking up Git repositories with Sprintly
• 2014: Mark Wiens Community Lawn Care chafer beetle damage map – user-facing side of damage reporting database
• 2014: Damage reporter tool for Mark Wiens Community Lawn Care – web-based internal tool allowing reports and photos to be recorded while surveying for chafer beetle damage
• 2014: Flyer design for Mark Wiens Community Lawn Care
• 2013: Migrate payment processing on Read for Profit and Learn Freelancing from Google Checkout to Stripe
• 2013: Flyer design for Mark Wiens Community Lawn Care
• 2013: HTML5 dice
• 2012: Business card, fridge magnet, and flyer design for Mark Wiens Community Lawn Care
• 2012: Mark Wiens Community Lawn Care – reworked website based on an existing design
• 2012: Tweak Wordpress theme for Christopher Bowes
• 2012: Tweak Wordpress theme for Paddle Patagonia
• From 2011: MPNotifier – GTK system tray notifications on MPD song change – fork of existing software
• From 2011: vubat – GTK system tray battery monitoring utility – fork of existing software
• 2011: Read for Profit – website for e-book and proofreading course
• From 2010: py-colour – Python colour manipulation module
• 2010: Decorum Tile Studio – website for tile manufacturer
• 2010: Adapt Decorum Tile Studio’s old website to build their sister site Qube Mosaic
• 2010: Internationale Meistersinger Akademie – website for singing mastercourse
• 2010: Some front-end development work for Bloom Microventures
• From 2009: imgur.sh – a somewhat-widely-used bash script to upload to Imgur
• From 2009: colour.js – Javascript colour manipulation module
• 2009: py-translate – command line language translation filter using Google Translate (note this is no longer a useful tool since Google’s Translate API is no longer free)
• 2009: Holding page for Investours
• 2009: Cover art for rock band The Livid’s EP More Than a Lifetime
• 2009: Ephie Rowe – website for ante- and post-natal fitness instructor
• 2007–2008: Southampton University Live Music Society – website for student society
• 2008: Mind the Gap – informational site for the University of Southampton Students’ Union
• 2008: Learn Freelancing – website for proofreading book and course
• 2008: Typesetting and digital annotation for Learn Freelancing’s Proofreading and Editing Course and Extra Exercises, available from Learn Freelancing – sample PDF
• 2008: The Pocket Book of Proofreading – promotional website for proofreading book
• 2007: Digital annotation and diagrams for William Critchley’s The Pocket Book of Proofreading, available from First English Books and Amazon – sample PDF
• 2007: Southampton University Staff Club Football Society – website
• 2007: Signal to Strike – rock band website
• 2007: Cover art and other packaging for rock band Signal to Strike’s self-titled debut record
• 2006: Cover art for rock band The Livid’s EP 2006 EP
• 2006: The Market House Inn – website for an inn in Glastonbury, UK
• 2006: The Dance Floor Fillers – website for functions band
• 2006: Westpoint – Flash elements and layout for rock band
• 2005: Hold Your Head Up High – promotional website for novel
• 2005: Southampton University Live Music Society – website for student society
• 2005: Mini banner ad for rock band Westpoint’s EP Love and Comfort in a Time of Confuse – view
• 2005: Ecard for rock band Westpoint’s EP Love and Comfort in a Time of Confuse
• 2005: Treecare Tree Surgeons – website for tree surgeon
• 2005: 64dollar Productions – website for video production company
• 2004: “GBH” gaming clan signature – view
• 2004: The Livid – website for rock band
• 2004: Shawn Lefebvre – website for music producer
• 2004: Edith Wiens – website for soprano
• 2003: The Livid – website for rock band – view intro
• 2002: Cover art for rock band Inme’s 2003 UK number 25 single Crushed Like Fruit – view

Some of these and various other bits and pieces including graphical desktop applications, various command line tools, and forks of libraries are available on my Github page.

If you like what you see

If you’re impressed and you need any kind of web development done (or other geeky tasks), give me a shout. Here’s some of the stuff I specialize in:

• Website back-end coding (Node.js with Express; Python with Django; PHP with Laravel; MySQL, MariaDB, PostgreSQL, and Sqlite; Linux/Unix shell)
• Responsive site layout in HTML5 and CSS3 (favouring Stylus)
• Javascript coding – with or without Jquery, particularly favouring Coffeescript and Typescript
• APIs such as Facebook, Twitter, Instagram, Google Maps, Stripe, Paypal, Amazon, Webpurify, Mailchimp, Sentry, Papertrail, Prismic, and so on
• Building clear, powerful, and easy-to-use control panels with Twitter Bootstrap
• Image and photo editing and retouching
• Automation
• Vector-based art
• Proofreading
• Music notation

On the other hand, there is one thing I prefer not to do (and so if you ask me to do this don’t be surprised when my rate goes up):

• Diving into existing sites based on Wordpress, Drupal or other similar content management systems to add features and fix bugs. (In my experience they’re almost always a mess under the hood and it’s an uphill struggle for even small improvements – I’d much rather start from scratch.)

My rate might go down, on the flip side, if you’re asking me to take interesting open-source software and make improvements which will be available to all.

Tools I use

I run Ubuntu primarily, but boot Windows within my Linux session if need be (once in a blue moon). When I’m working in house for a company I’m sometimes sitting at a Mac or Windows machine.

I’m proud to say that almost all the software I use (and hence nearly all the following software) is open source and therefore free and in most cases cross-platform.

• Various Gnu command line tools
• Vim text editor
• Git version control
• Webpack module bundler, or sometimes the Gulp task runner
• Inkscape vector drawing package
• Gimp image manipulation package and Imagemagick command line image manipulation tools
• Firefox (with and without Vimperator), Chrome, Safari, Opera, Edge, Internet Explorer 11 and 10 web browsers
• Virtualbox virtualization software
• AWS cloud hosting services
• Latex typesetting software and, sometimes, Libreoffice office software
• Seventh String Transcribe transcription software
• Lilypond music engraving software