https://github.com/nelsonreitz/fretboard-notes

Visual chart to learn guitar notes
https://github.com/nelsonreitz/fretboard-notes

guitar notes react

Last synced: 3 days ago
JSON representation

Visual chart to learn guitar notes

• Host: GitHub
• URL: https://github.com/nelsonreitz/fretboard-notes
• Owner: nelsonreitz
• Created: 2018-12-06T05:56:23.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-11T06:39:44.000Z (almost 2 years ago)
• Last Synced: 2023-03-08T10:08:34.106Z (over 1 year ago)
• Topics: guitar, notes, react
• Language: JavaScript
• Homepage: https://nelsonreitz.github.io/fretboard-notes/
• Size: 5.48 MB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 19
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Fretboard Notes

This is a small react app displaying a fretboard chart to help learn notes on a guitar neck.

## Project setup

Make sure you have [NodeJS](https://nodejs.org/en/) and [Yarn](https://yarnpkg.com/lang/en/) installed globally.

Install depedencies:

```shell

yarn

```

Run the app in development mode:

```shell

yarn start

```

You can now access the app at [http://localhost:3000/](http://localhost:3000/).

Run tests:

```shell

yarn test

```

Build the app for production in the `build` folder:

```shell

yarn build

```

## Deployment

Deploy on github pages:

```shell

yarn deploy

```

## Potential add-ons functionalities

- Toggle for half-steps notes

- Select custom string note

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).