MediaCrate

MediaCrate is a personal music collection manager built with Vue 3 and Supabase. It lets you catalog CDs, vinyl records, and cassettes in detail, including artist, release date, condition, and acquisition date, with artwork and metadata pulled automatically via the Discogs API so adding a new item takes seconds rather than minutes of manual entry. The collection view supports sorting and infinite-scroll browsing for easy navigation, even in a large library, and a "random pick" feature helps you rediscover forgotten albums when you're not sure what to play next. On the backend, mediaCrate uses PostgreSQL with row-level security and custom triggers to handle authentication safely. A public sharing feature, powered by auto-generated user slugs, lets collectors show off their library to friends and visitors through a clean, read-only public page.

Stack

• Vue.js
• Sass (SCSS)
• HTML