Content
  1. Overview

A real-time fortune teller from your Spotify recents

Every day I listen to music on repeat, but I rarely leave a trace that isn't a queue or a year-end recap. bumps turns that habit into a public diary — three recent tracks, one cryptic fortune.

2026/Design Engineering/bumps-2025.vercel.app

WhenOct '25 –– May '26
ForPersonal
DisciplineDesign engineering, front-end, interaction, WebGL
ToolsNext.js, React, Three.js, Spotify Web API, OpenAI, Web Audio API

Overview

bumps is a personal web diary scored by my three most recent Spotify plays. Connect your account, and the app pulls recently played tracks, fetches lyrics when available, and asks GPT-4o-mini for a single fortune-cookie line — cryptic, second-person, never naming the songs. That line tumbles through a Three.js viewport like a physical slip of paper while the page background bleeds color from whichever track is active.

Built over seven months, from a static index.html prototype to a Next.js app with a server-side OpenAI proxy — part fortune teller, part self-portrait, entirely scored by whatever I played last.