The Portfolio of Derek Brooks

Vue.js

I began tinkering with Vue.js as an alternative to React.js. To be honest, I just never quite fell in love with React's JSX templating language and Vue, in my opinion, has a nicer separation of templating and logic.

Here are 3 projects that I've worked on tagged Vue.js.

derek.broox.com

Screenshot of derek.broox.com
derek.broox.com is my general home page, online scrapbook, and development playground. Its primary purpose is to catalog my life and allow me to play with various APIs and web development technologies. It serves up thousands of photos, check-ins, microblogs, blogs, maps, videos, and various other data from my life. Since 2001, it has been a constantly evolving web application.

v8 - latest version

This is the first version of my site that I completely rebuilt in a new language and platform. I moved the entire site from a containerized LAMP stack to a server-side-rendered (SSR) Nuxt.js application that relies completely on the Broox API to power its content. I chose Nuxt and SSR in order to keep my SEO and open graph / social sharing meta tags intact while still providing a speedy, asynchronous client-side browsing experience.

Modest Web Store

Screenshot of Modest Web Store
The Modest Web Store was a mobile-first, responsive, multi-tenant web application that powered each of our merchant's web-based storefronts. In addition to (and more importantly than) a browsable store, it powered contextual buy buttons and instant checkout screens that could be embedded into ads, emails, and anywhere else on the web or in a mobile application. The client-side of the web store was initially built in Backbone.js and integrated with the Modest Commerce API via a thin Node.js proxy. Later, we started to migrate the front-end to Vue.js. I was the architect, tech lead, and leading contributor to the web client.