https://github.com/gldraphael/chordsheet-editor

🎵 A web tool to create quick chordsheets.
https://github.com/gldraphael/chordsheet-editor

angular chordsheet-editor

Last synced: about 2 months ago
JSON representation

🎵 A web tool to create quick chordsheets.

• Host: GitHub
• URL: https://github.com/gldraphael/chordsheet-editor
• Owner: gldraphael
• Created: 2017-12-01T09:40:53.000Z (over 8 years ago)
• Default Branch: main
• Last Pushed: 2024-11-08T18:09:57.000Z (over 1 year ago)
• Last Synced: 2025-06-26T12:51:49.357Z (12 months ago)
• Topics: angular, chordsheet-editor
• Language: TypeScript
• Homepage: https://cseditor.galdin.dev
• Size: 1000 KB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 25
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Chordsheet Editor · [![Build Status](https://travis-ci.org/gldraphael/chordsheet-editor.svg?branch=master)](https://travis-ci.org/gldraphael/chordsheet-editor)

> A Free and Open Source Chordsheet Editor.

[![Chordsheet Editor Screenshot](https://user-images.githubusercontent.com/10794213/34078314-ced158de-e33d-11e7-975a-80e07521a38e.png)](https://cseditor.com)

This is a webapp to create chordsheets also referred to as chord charts. UI heavily inspired by Ghost.   

_If you're intereseted in the generation of the preview markup, check this repo: [`gldraphael/chordsheet`](https://github.com/gldraphael/chordsheet)._

## Setting up your dev environment

1. Install Angular CLI globally using: `npm install -g @angular/cli`

1. [Optional] Install VS Code from [here](https://code.visualstudio.com).

1. Clone this repo.

1. `cd` into `chordsheed-editor` and run `ng serve`.

1. Press F5 within VS Code (or browse manually to `localhost:4200`)

## Useful scripts and commands

Command         | Description 

----------------|--------------

`ng serve`      | Start a local server for `chordsheet-editor`

`ng lint`       | Run the linter

`ng lint --fix` | Fix lint errors wherever possible

`npm run test`  | Run karma tests

`ng e2e`        | Run e2e tests. (E2E are to be written.)

**Code scaffolding:**

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.