Build a User-Friendly MP3 Metadata Editor with React & TypeScriptBuild a User-Friendly MP3 Metadata Editor with React & TypeScript
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Developed a modern MP3 metadata editor focused on making music file management simple and intuitive. The app allows users to upload MP3 files through drag and drop or file selection, inspect and edit common metadata tags, attach album artwork, preview the updated track information instantly, and save the edited file directly in the browser. The frontend was built with React, TypeScript, and Vite, with Chakra UI for a responsive interface and Framer Motion for smoother interactions. Metadata parsing and writing were handled with music-metadata and browser-id3-writer, keeping the workflow fully client side.
Tech stack React, TypeScript, Vite, Chakra UI, Framer Motion, music-metadata, browser-id3-writer, file-saver.
What I delivered A responsive web app for editing MP3 metadata, album art management, drag and drop upload, real time metadata preview, and client side file export.
Post image
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started