Playback Studio

Full Stack
Backend
Web App
Playback Studio Image

My Process

Playback Studio is a full stack web application built to help music lovers digitally store and archive their physical music collections. Developed using Express.js and PostgreSQL via Neon.tech, the app dynamically stores and retrieves album data, while EJS templating powers server-side rendering across routes. The YouTube Data API is used to fetch album metadata from user-submitted links, streamlining the process of adding new albums. Middleware like method-override enables RESTful DELETE actions through HTML forms, while partials and layout templating keep UI elements consistent—such as scrolling banners, footers, and toast notifications—remain visible across pages. Responsive CSS, client-side validation, and custom modal popups bring the experience together, resulting in a polished, database-driven platform that functions as both an archive and interface.

Year

2025

Tools

Express.js
PostgreSQL
EJS
Neon.tech
YouTube Data API
CSS
JavaScript
Playback Studio Image
Playback Studio Image
Playback Studio Image
Playback Studio Image
Playback Studio Image