Back to Projects

Spotify Notetaker

Started January 23, 2026Updated April 21, 2026
Interactive demo

A podcast notes prototype for capturing timestamped ideas while listening, then organising them into something useful.

ProductPodcast note-taking prototype
StatusLive demo
StackReact 18, Vite, Spotify API, Tailwind CSS
View siteView code
Spotify Notetaker landing screen
The landing view frames the product around one practical promise: keep the idea without breaking the listening flow.
Timestamped notesPodcast workflowLive demo
Listening workspace

The useful part is linking the note to the moment

The demo interface shows the core mechanic: capture a timestamp while audio is playing, write the thought, and keep the note connected to the exact listening context.

Spotify Notetaker demo interface
Timestamped notes make vague podcast takeaways easier to revisit later.
Mobile flow

The capture moment has to work away from a desk

Podcast ideas often happen while walking, commuting, or multitasking, so the mobile view matters as much as the desktop workspace.

Spotify Notetaker mobile screen
Mobile keeps the capture flow close to the way people actually listen.

Spotify Notetaker is a lightweight prototype for capturing ideas while listening to podcasts. The current live version is framed as Podcast Notes and focuses on turning listening moments into something you can actually keep, organise, and export.

The problem is not taking notes. The problem is keeping the context that made the note worth saving.

The idea came from a post by @Etklen asking about bookmarking and taking notes while listening to podcasts. That stuck with me because it describes a common failure in the listening workflow: you hear something useful, pause too late, open another app, and lose the original moment.

The project explores a simple interaction model. While audio is playing, you capture a timestamp, write the note, and keep that note attached to the playback position. Later, the note is not just text; it is a doorway back to the exact part of the podcast that made the idea matter.

A timestamp turns a loose thought into something you can return to.

That context is the product insight. A note like ā€œgreat point about distributionā€ is weak on its own. The same note linked to the exact minute where the speaker explains the point is much more useful, because the listener can recover tone, examples, and surrounding detail.

The prototype also exposes the real constraints. Spotify playback control in the browser depends on authentication, SDK behaviour, and Premium access, so the live demo focuses on communicating the workflow rather than pretending every production integration problem is solved.

The future version is not just a notes app. It is a listening memory layer.

For an end user, the value is straightforward: listen normally, capture ideas quickly, and come back later with the context still intact. A fuller version could combine timestamped bookmarks, richer notes, export flows, and AI summaries into a personal knowledge layer for podcasts.