Dylan Phelan

Web Developer &
Technical Lead

A photo of Dylan, taken in 2019 from a rooftop restaurant in Morocco. Pictured with medium length brown hair, slightly disheveled and parted on the viewer's right, is a wide-smiling, green-eye squinting Dylan wearing a black floral-print collared shirt. The image is neck-up, and the shirt is barely visible in the crop. A portrait style photo, the head makes way to slightly blurred shrubbery, offering a verdant contrast to the subject's peach-toned skin. Further in the photo's background we see the Old Town of Morocco stretch to the horizon, beige and reddish-brown buildings carrying our eyes to the gray-blue sky behind up.

Dylan Phelan

Lead Web Developer @ MITRE


Hi, I'm Dylan! I'm a web developer with 6+ years experience working on healthcare, social justice, and benefits delivery projects. I've created UI's using React and Vue, CLIs and APIs using Node.js and Python, ML models using Python, and architecture diagrams/roadmaps to support projects as a technical lead.

Education


MS, Tufts University

Computer Science

2018 - 2021, 4.00

Completed Part-Time

BS, Tufts University

Computer Science, Minor in Philosophy

2012 - 2016, 3.87

Summa Cum Laude

Skills Hover bubbles for more info


> 6m

> 1yr

> 2yr

> 4yr

  • HTML

  • React

  • Vue

  • Create React App

  • Nuxt.js

  • Next.js

  • Bootstrap

  • CSS

  • Tailwind

  • SASS

  • JavaScript

  • Node.js

  • Python

  • HL7's FHIR

  • GitHub Pages

  • Vercel

  • Docker

  • CI/CD Automation

  • Eslint/Prettier

  • Balsamiq

Conferences


HL7 FHIR Connectathon

Presenter

Sept 2022

OMOP track; Provided technical expertise on MITRE-built docker playground connecting several clinical quality measure tools.

HL7 FHIR Connectathon

Presenter

May 2022

Gravity track; Augmented MITRE's Glyph application to support 'social determinants of health' data.

HL7 FHIR Connectathon

Attendee

Jan 2022

Gravity track

Code for America Summit

Attendee

Apr 2021

ACM's Fairness Accountability and Transparency Conference

Attendee

Mar 2021

Mass STEM Education Conference

Presenter

Sept 2018

Presented on 'The Flipped Internship', a novel model for project-based learning created in collaboration with Burlington High School's Shereen Tyrell and Roy Wong

Connected Health Conference

Attendee

Sept 2018

Experience


MITRE Corporation

Lead Web Dev, 2021 - NowSenior Web Dev, 2018 - 2021Web Dev, 2016 - 2018

Technical lead, developer, intern lead, dept. presentation coordinator

  • Current technical lead & developer on MITRE's oncology moonshot, accelerating cancer data-standards adoption with Open Source applications for data capture, transformation, and visualization
  • Prior technical lead & developer for 3+ software teams in charge of Open Source web applications, CLIs, APIs, visualizations, rich-text editors, multipage forms, and more
  • Developer for 12+ MITRE projects in oncology, social justice, benefits delivery, and COVID-19
  • Runs department presentation series, executed 25+ presentations and project feedback sessions
  • Co-leads department internship program, mentoring 12+ undergraduate and graduate interns

Work Projects


mCODE Extraction Framework (MEF)

Tech Lead & Dev, 2018-Now

Bridge current cancer data to emerging data standard

React

Bootstrap

Node

FHIR

  • Built Node command line tool for translating healthcare data from proprietary formats to the minimal Common Oncology Data Elements (mCODE) standard, enabling exchange and reuse of patient data
  • Designed a technical architecture enabling modularity across data sources and usecases
  • Transformed data from proprietary healthsystem APIs and CSV files into mCODE standard
  • Created, managed, and maintained 6+ GitHub repositories in support of multiple usecases
  • Enabled MITRE's ICAREdata project to compare routine health data with clinical trial data

Radiation Therapy Treatment Data (RTTD) App

Tech Lead & Web Dev, May 2022 - Now

Empower discussions on radiation data standards

React

Tailwind

FHIR

  • Built a React app for reviewing data models for cancer radiation treatment summaries, enabling radiation data exchange for care coordination and multi-purpose reuse
  • Used Axios to fetch data from FHIR servers and FHIRPath to isolate relevant data for visualizations
  • Conducted requirements solicitations from MITRE's RTTD team to enable pen/paper mockups
  • Delivered initial prototype within 3 weeks, enabling rapid external stakeholder interviews
  • Iterated application based on stakeholder feedback, supporting new request headers, reformatted visualizations, and better metadata displays

Unemployment Benefits UI Prototype

Tech Lead & Web Dev, Mar - Sept 2022

Streamline unemployment insurance benefits

Vue

Nuxt

Tailwind

Express

  • Created Vue UI to enable research on improving user experience for accessing unemployment benefits
  • Implemented Express API for creating, updating, and reviewing unemployment applications
  • Distilled MVP requirements from EOY objectives and research team's experimental scenarios
  • Balanced competing needs for a rapid prototype and potential use-case pivots

MITRE's Social Justice Platform

Web Dev, Jan - Sept 2022

Exhibit MITRE's social justice work in one place

Vue

EJS

NGINX

Express

  • Coordinated with MITRE researchers to build web-based interactive report, "The Racial Wealth Gap and Your Household Finances"
  • Ported Streamlit and NumPy prototype to HTML/EJS aligned with sjp.mitre.org's design system
  • Integrated Chart JS into our admin-authoring tools, visualizing data with bar and line charts
  • Implemented markdown preview in resource-authoring and rendering on resource-detail views
  • Implemented custom URLs on resources at the admin-authoring and page-routing level

COVID-19 Free Testing Finder

Lead Web Dev, Oct 2021 - Jan 2022

Find free COVID tests at ICATT-participating pharmacies

Vue

Tailwind

Node

Express

Leaflet

  • Constructed a Vue application capable of finding free, nearby COVID-19 tests at pharmacies participating in CDC's Increasing Community Access To Testing (ICATT) program
  • Collaborated with designer, tailoring Vue components/tailwind styles to high fidelity wireframes
  • Utilized Open Street Maps and Leaflet for testing-site visualizations
  • Integrated backend web service request-generating and response-parsing into frontend

FluxNotes

Tech Lead & Dev, 2017-2019

Re-imagine the clinical note taking experience

React

Material UI

SCSS

FHIR

  • Built a SMARTonFHIR React web application for reducing clinician burden collecting cancer data
  • Leveraged SlateJs rich-text editor for inline suggestions and data tagging in clinical notes
  • Visualized patient data with ReCharts and custom HTML visualizations
  • Enabled data provenance tracking via linking to source notes and ElasticSearch document queries
  • Received praise from oncologists and MITRE executives, motivating future research on novel data capture techniques

Synthea Homepage

Lead Designer & Web Dev, 2017

Generate free, synthetic, & realistic patient data easily

HTML

Material Design

Bootstrap

FHIR

  • Constructed a HTML/JS site to spread awareness of Synthea, MITRE's healthcare data generation tool
  • Conducted landscape assessment for similar single-page information pages in academic contexts
  • Utilized Material Design and Bootstrap for component design and creation
  • Facilitated the adoption of Synthea as the definitive tool for generating realistic but not real data in the FHIR community

Standard Health Record (SHR) Homepage

Lead Designer & Web Dev, 2016

Sparking community engagement in healthcare standards development

HTML

Material Design

Bootstrap

FHIR

  • Constructed a HTML/JS site to spread awareness of the SHR, MITRE's standard health record initiative
  • Utilized Material Design and Bootstrap in the design of components
  • Built tree diagram visualizations for exploring the structure of the standards 50+ data elements
  • Project springboarded the development of MITRE's oncology data standard, mCODE, and many of the tools used therein

Personal Projects


Sorting out Bandcamp Merch

Lead Web Dev, Aug 2022

Move sold-out items out of the way

JavaScript

web-ext

  • Relegates sold-out items to the bottom of the merch store's inventory, enhancing the bandcamp browsing experience
  • Adds subtle transparency to sold-out items to indicate their absence
  • Published extension on the Firefox add-on store

NYJMusic.com

Lead Designer & Web Dev, Aug 2022

Promote NYJ Da Prafet's merch, music, & socials

HTML

Tailwind

jQuery

Vercel

  • Designed, constructed, and deployed a static-site for advertising local artist's multiple creative ventures
  • Conducted stakeholder interview and landscape assessment of similar artists websites
  • Solicited feedback on designs and mockups before executing final product
  • Implemented and deployed website rapidly (48hrs) in-time for upcoming product launch

Vote Smart Arlington

Lead Designer & Web Dev, Apr 2021

Learn how representatives vote on Arlington measures

Sketch

React

Bootstrap

Node

  • Created a React webapp and Express backend showing voters how their representatives voted on town measures
  • Visualized voting history of 100+ town representatives on ballot measures with React Table
  • Organized a team of three devs to build the tool in 14 days, deploying before Arlington's election
  • Garnered appreciation from multiple local representatives, >1000 visits during local election week

Ranked Choice Voting (RCV) Simulation Research

Lead Designer & Web Dev, Sept 2020 - May 2021

Explore RCV's impact on representativeness

Balsamiq

React

Bootstrap

Python

  • Implemented a React web application and Python Flask API for running RCV election simulations
  • Designed mockups for defining input parameters and visualizing election outcomes
  • Created Flask API for running and aggregating 4 types of RCV simulation
  • Visualize outcomes across simulation types, showing RCV's impact on how voters are represented
  • Built in collaboration with Moon Duchin and Tufts' Metric Geometry & Gerrymandering Group (MGGG)

Elections and Tournaments

Solo Project, Summer 2020

Explain frustrating voting patterns with graph theory

React

Bootstrap

SASS

  • Designed and implemented a React one-pager using Graph Theory to explore common frustrations in election outcomes
  • Leveraged Tournaments and Ranked Voting to discuss Condorcet Winners, candidates who beat all others 1-on-1, and Condorcet Paradoxes, elections where every candidate loses to someone
  • Visualized graphs of candidates using react-digraph & election outcomes using HTML tables

Gerrymandering & Markov Chain Monte Carlo Simulation

Solo Project, Spring 2020

Use graph theory & simulations to identify gerrymandering

Python

matplotlib

argparse

  • Used markov chain monte carlo simulation to quantify how likely a voting district was gerrymandered
  • Visualize frequency plot of simulated graphs' 'eccentricity' using matplotlib, showing outliership