BetterMusic Studio

What will become the open source design system for BetterMusic, featuring a suite of tools to be used for creating, editing and playing music. Including the most robust chordpro editor, a cross platform PDF viewer, multitrack player.

Tools used:

🏎 Turborepo — High-performance build system for Monorepos
🚀 StencilJs — Stencil is a toolchain for building reusable, scalable Design Systems.
📖 Storybook — UI component environment powered by Vite
📖 Changesets — A tool to manage versioning and changelogs

Packages:	Name	Description
@bettermusic/chordsheetjs	chordsheet Parsing Library
@bettermusic/studio	Web components for a suite of editor tools
@bettermusic/studio-angular	Angular build for @bettermusic/studio
@bettermusic/ui	UI Library
@bettermusic/ui-angular	Angular build for @prasiecharts/ui
codemirror-lang-chordpro	ChordPro Languagae Support for codemirror

Project Structure:

turborepo monorepo
│      
└───apps
│   │   storybook
│   │   Ionic app for a full fledged app will come later ..
│   
└───demos
│   │   framework demos to prove stuff works
│   
└───Packages
    │   stand alone packages

Getting Started:

gh repo clone BetterMusic/studio
git submodule update --init --recursive
yarn install
yarn dev

bettermusic / studio

readme

BetterMusic Studio