/fretboard

Primary LanguageJavaScript

Interactive Fretboard and Circle of Fifths

Overview

The Interactive Fretboard and Circle of Fifths project is designed to assist musicians, particularly guitarists, in improving their skills, composing music, and learning new songs on the guitar. By combining a dynamic fretboard visualization with the Circle of Fifths, this tool provides an intuitive interface for exploring musical concepts and practicing techniques.

Features

Fretboard Visualization

  • Interactive Interface: Users can visualize the guitar fretboard dynamically, allowing for...

Circle of Fifths Integration

  • Musical Context: The Circle of Fifths provides a visual representation of key relationships, aiding in composition and understanding of music theory concepts.

Usage

To get started with the project, follow these steps:

  1. Clone the repository: git clone https://github.com/hamza.eljaouhari/fretboard.git
  2. Navigate to the project directory: cd interactive-fretboard
  3. Install dependencies: npm install

Available Scripts

In the project directory, you can run:

npm start

Runs the app in development mode. Open http://localhost:3000 to view it in the browser.

npm run build

Builds the app for production to the build folder.

npm test

Launches the test runner in the interactive watch mode.

npm run eject

Note: this is a one-way operation. Once you eject, you can't go back!

Deployment

To deploy the application, run:

npm run build
npm run deploy

This will build the app for production and deploy it to GitHub Pages.

Contributing

We welcome contributions from the community! If you'd like to contribute to the project, please follow our contribution guidelines.

License

This project is licensed under the MIT License.