About My Music

My Music is a fully functional single-page music player built with Next.js 16, React 19, TypeScript, and Tailwind CSS v4. Users can browse a track library, search by title / artist / album, play audio with a custom player, and navigate between tracks with smooth cross-faded background art.

The admin panel supports uploading new tracks with automatic iTunes metadata lookup, cover art download, audio duration detection, and in-place editing of track metadata and audio files — all behind a server-only API layer.

Every line of this project was written through opencode, an AI-native CLI tool that works inside your terminal alongside your existing git workflow. Rather than generating one-shot code and walking away, opencode engages in an iterative conversation — proposing plans, refining them with your feedback, implementing, testing, and committing.

The development cycle (commit & push):

opencode@workspace:~$ plan▊

Quality is enforced at every step of the opencode workflow, not checked after the fact:

• Test-before-commit — the project requires a unit test for every source change, and all tests must pass before a commit is created. This is codified in the project rules (AGENTS.md) so every session follows the same standard.
• TypeScript throughout— every component, hook, and API route is fully typed. No loose objects, no implicit anys.
• ESLint + strict config— eslint-config-next with core-web-vitals and TypeScript rules catches issues at lint time.
• Existing-pattern awareness— opencode reads the surrounding code before writing anything, matching conventions, import styles, and naming rather than inserting foreign patterns.
• Architecture documentation— AGENTS.md contains a living description of the project architecture, commands, and conventions that opencode reads at the start of every session, ensuring consistency across sessions.