JHDB Global Contributor Portal

projects > jhdb-contributor-portal

Project Type

Web App

My Roles

Lead Engineer, UX Designer

Team Size


Additional Responsibilities

Stakeholder Communications, Software Architecture, Interaction Design


Mar 2019 - Jun 2020


  • WPI President's IQP Award
  • Featured in WPI 2020 Virtual Research Showcase
  • Allowed remote volunteers to keep the JHDB running during COVID lockdown
A screenshot of the landing page of the contributor portal
A screenshot of the contributor portal exhibit editor
Made With: ReactGCPDropbox APIXD

Personal Accomplishments

  • Developed a reliable zero-cost architecture utilizing Dropbox API and GCP free tier

  • Successfully designed an intuitive interface for non-technical users

  • Conducted ongoing user experience research and iterated quickly based on user feedback

  • Led a small team in all aspects of design, development, release, and post-release support

  • Created instructional materials for non-technical users to gain familiarity and comfort with the tool prior to first use

  • Co-authored a published research paper detailing the project’s design process and technical implementation


The Jazz History Database is a non-profit organization at WPI that archives recordings, photographs, and other jazz artifacts from around the world that might otherwise deteriorate. This archive, accessible at jazzhistorydatabase.com, was previously maintained by students and faculty who built the website by hand. Our goal was to design, build and document a web-based tool to allow volunteers and international correspondents to upload digitized jazz artifacts into a simple web form that would subsequently output and publish template-based web pages.

The Contributor Portal empowers jazz musicians, archivists and educators from all around the world to effortlessly contribute to the JHDB’s online museum without technical barriers. It's designed to be accessible to non-technical users that might be daunted by more complex archival software, and thus comes with a video walkthrough on the landing page.

Mikel Matticoli

Question? Work inquiry? Just want to chat? I'd love to hear from you!

To protect my inbox from evil robots, please find my contact info on my PDF resume (linked below), or fill out this form 🤖