James Dawson
Web Developer in Chicago, IL

Anchor

Harbor Picture Company –

Web application used to manage and automate workflows for visual FX processes for movie and television productions.

My Role

Led a small engineering team to build the UI and worked with the client’s engineers to define the APIs necessary to power the application.

Coolest Part

It’s hard to choose between being excited for the sheer number of functional integrations we hooked up in such a short amount of time, or how nice it was to implement a container-query solution for handling responsive UI elements in situations with dynamic sidebars, or the absolute delight of their CEO when we first demonstrated the project.

Highlights

Responsiveness

Container queries weren't available in browsers when we coded this, so I adopted the next-best thing to handle shifting the main content layout when the drawer opens—a custom Vue directive to watch for container size changes and swap out the top-level class.

Tech Stack

Frameworks

  • Node.js
  • Nuxt
  • Vue.js

Libraries

  • socket.io
  • Vuetify

Fundamentals

  • CSS
  • Git
  • HTML
  • JavaScript
  • SCSS

Responsibilities

  • Architecture
  • Accessibility
  • API Development
  • Component Creation
  • Pull Request Reviews
  • Styling
  • Task Management