Hi, my name is
I’m a software engineer specializing in building (and occasionally designing) exceptional digital experiences. Currently, I’m focused on building accessible, human-centered products at Upstatement.
About Me
Hello! My name is john and I enjoy creating things that live on the internet. My interest in web development started back in 2012 when I decided to try editing custom Tumblr themes — turns out hacking together a custom reblog button taught me a lot about HTML & CSS!
Fast-forward to today, and I’ve had the privilege of working at an advertising agency, a start-up, a huge corporation, and a student-led design studio. My main focus these days is building accessible, inclusive products and digital experiences at Upstatement for a variety of clients.
I also recently launched a course that covers everything you need to build a web app with the Spotify API using Node & React.
Here are a few technologies I’ve been working with recently:
- JavaScript (ES6+)
- TypeScript
- React
- Eleventy
- Node.js
- WordPress
Where I’ve Worked
Engineer @ Upstatement
May 2018 - Present
- Write modern, performant, maintainable code for a diverse array of client and internal projects
- Work with a variety of different languages, platforms, frameworks, and content management systems such as JavaScript, TypeScript, Gatsby, React, Craft, WordPress, Prismic, and Netlify
- Communicate with multi-disciplinary teams of engineers, designers, producers, and clients on a daily basis
Studio Developer @ Scout
January - April 2018
- Worked with a team of three designers to build a marketing website and e-commerce platform for blistabloc, an ambitious startup originating from Northeastern
- Helped solidify a brand direction for blistabloc that spans both packaging and web
- Interfaced with clients on a weekly basis, providing technological expertise
UI Engineer Co-op @ Apple
July - December 2017
- Developed and shipped highly interactive web applications for Apple Music using Ember.js
- Built and shipped the Apple Music Extension within Facebook Messenger leveraging third-party and internal APIs
- Architected and implemented the front-end of Apple Music's embeddable web player widget, which lets users log in and listen to full songs in the browser
- Contributed extensively to MusicKit.js, a JavaScript framework that allows developers to add an Apple Music player to their web apps
Studio Developer @ Scout
July - December 2017
- Developed and shipped highly interactive web applications for Apple Music using Ember.js
- Built and shipped the Apple Music Extension within Facebook Messenger leveraging third-party and internal APIs
- Architected and implemented the front-end of Apple Music's embeddable web player widget, which lets users log in and listen to full songs in the browser
- Contributed extensively to MusicKit.js, a JavaScript framework that allows developers to add an Apple Music player to their web apps
Software Engineer Co-op @ Starry
July - December 2016
- Engineered and maintained major features of Starry's customer-facing web app using ES6, Handlebars, Backbone, Marionette and CSS
- Proposed and implemented scalable solutions to issues identified with cloud services and applications responsible for communicating with Starry Station
- Interfaced with user experience designers and other developers to ensure thoughtful and coherent user experiences across Starry’s iOS and Android mobile apps
Creative Technologist Co-op @ MullenLowe
July - December 2015
- Developed and maintained code for in-house and client websites primarily using HTML, CSS, Sass, JavaScript, and jQuery
- Manually tested sites in various browsers and mobile devices to ensure cross-browser compatibility and responsiveness
- Clients included JetBlue, Lovesac, U.S. Cellular, U.S. Department of Defense, and more
Some Things I’ve Built
Featured Project
Halcyon Theme
A minimal, dark blue theme for VS Code, Sublime Text, Atom, iTerm, and more. Available on Visual Studio Marketplace, Package Control, Atom Package Manager, and npm.
- VS Code
- Sublime Text
- Atom
- iTerm2
- Hyper
Featured Project
Spotify Profile
A web app for visualizing personalized Spotify data. View your top artists, top tracks, recently played tracks, and detailed audio information about each track. Create and save new playlists of recommended tracks based on your existing playlists and more.
- VS Code
- Sublime Text
- Atom
- iTerm2
- Hyper
Featured Project
Build a Spotify Connected App
Having struggled with understanding how the Spotify OAuth flow works, I made the course I wish I could have had.
Unlike tutorials that only cover a few concepts and leave you with half-baked GitHub repositories, this course covers everything from explaining the principles of REST APIs to implementing Spotify's OAuth flow and fetching API data in a React app. By the end of the course, you’ll have an app deployed to the internet you can add to your portfolio.
- VS Code
- Sublime Text
- Atom
- iTerm2
- Hyper
What’s Next?
Get In Touch
Although I’m not currently looking for any new opportunities, my inbox is always open. Whether you have a question or just want to say hi, I’ll try my best to get back to you!