Drop The Needle: Host & Share Your Power Hours

Keep the music flowing—curate, collaborate, and celebrate with seamless real‑time playlists for you and your community. 💿
Drop The Needle logo

Overview

During the early days of the Covid-19 pandemic, I connected with professors and researchers at the Scripps Institution of Oceanography—brought together by our shared love of music and art—and we started hosting “power hours” to keep our spirits up and our playlists fresh.


We quickly ran into hurdles with the tool we were using, MyTube60: frequent 500 errors, broken account creation flows, and database glitches that prevented new users from joining or contributing reliably. It became clear that if we wanted a seamless, joyful experience, we needed to build something better.


That realization led me to create Drop The Needle as a 2023 gift for my friends. I envisioned an application where anyone could sign up, log in, and either host a power hour—managing their own playlist—or participate by adding their favorite tracks.


For the initial version, I focused on core user stories: enabling secure signup and login, full CRUD (create, read, update, delete) for hosts managing power hour playlists, CRUD for participants contributing songs, and controls for publish and privacy settings so hosts could determine when and with whom a power hour went live.


Beyond that, I sketched out a plan for a second release that would bring embedded YouTube search directly into the app and a multiplatform music player, letting users pull in tracks from Bandcamp, Soundcloud, and other services.


By launch, Drop The Needle offered YouTube search powered by web scraping (avoiding API quotas), plus an invitation system where hosts could generate unique promo links. Guests using a link would automatically receive an invitation they could RSVP to (“Yes,” “Maybe,” or “No”), and all invitations would clean up themselves once the event date passed.


Under the hood, I built the app with Next.js and TypeScript, managed state with Redux, styled with TailwindCSS and CSS, and structured data with GraphQL via Prisma on a PostgreSQL database. I deployed to Vercel and crafted the UI assets in Figma, Photoshop, and Illustrator.


Working on Drop The Needle sharpened my full‑stack development skills and allowed me to deliver a personalized, robust experience to a community I value—while laying the groundwork for richer features and integrations in future versions.


Role
  • Designer
  • Frontend Developer
  • Backend Developer
  • Integration Specialist
Duration
3 months
Tags
  • Music
  • Community
Problems

Problem Framing

Framing the problem first helps us focus on the real user need instead of jumping to solutions. Here’s the distilled who/when/where/why.
Who
🤔
Community hosts organizing live “Power Hour” music sessions.
When
📍
While attempting to run a collaborative playlist in real time.
Where
On existing streaming platforms (e.g., popular music services).
Why
❤️
Because those platforms don’t support instant guest contributions and often suffer reliability issues, making hosts feel frustrated and isolated.

The Goal

The goal was to enable hosts to run real‑time “Power Hour” sessions without interruptions—measured by guest‑added songs showing up within two seconds 95% of the time and error rates under 2%, with a 70% adoption rate hosts.
I aimed for an easy-to-use interface, at least ten guest song submissions per session, and 60% increase in the host rotation.
User Research

User Research

Before diving into the numbers, here’s why user research matters: it grounds our design decisions in real feedback and ensures we’re building features that truly address host and guest needs.
📝
0
survey responses
🗣️
0
in-depth interviews
👩‍💻
0
usability tests
🌐
0
WCAG 2.1 compliance audits

Insights

Our combined surveys, interviews, usability tests, and WCAG 2.1 audits revealed three focus areas to improve both usability and accessibility.
🤔
  • Mobile Navigation Friction
    Users often can’t find filters or sorting options on smaller screens, forcing extra taps and slowing them down
  • Need for Immediate Feedback
    Without a quick success message or animation, participants aren’t sure their actions (like form submissions) went through.
  • Contrast Gaps
    WCAG 2.1 audits showed several text elements fall below the 4.5:1 contrast threshold in both light and dark modes, making content hard to read for low‑vision users.
Outcomes

Outcomes

After rolling out these updates, we measured impact over six weeks using retention, feature adoption, and task efficiency metrics.
Retention
⬆️
73%
Week‑over‑week return rate rose from 62 % to 73 %.
Adoption
👨‍💻👩‍💻
87%
Engagement with the updated “add to list” flow climbed from 45 % to 77 %.
Efficiency
🎵🤘
-67%
Average time to complete curation fell from 10 hours to 3.3 hours.
Drop The Needle | Real‑Time Music Power Hour Sharing App