joehunterdev / chord-finder Public

Notifications You must be signed in to change notification settings
Fork 0
Star 0

🎹 🎧 A simple piano chord finder great tool for both beginners learning about chords and professionals.

joehunter.dev/chord-finder

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 24 Commits
src		src
babel.config.js		babel.config.js
chord-finder-example.png		chord-finder-example.png
index.html		index.html
jest.config.js		jest.config.js
jest.setup.js		jest.setup.js
licencse.txt		licencse.txt
package.json		package.json
react-chord-finder.code-workspace		react-chord-finder.code-workspace
readme.md		readme.md
todo.md		todo.md
tsconfig.json		tsconfig.json
vite.config.ts		vite.config.ts

Repository files navigation

🎹 React Chord Finder

React Chord Finder is a React-based application that allows users to interact with a virtual piano and discover chord names based on selected notes. It's a great tool for both beginners learning about chords and professionals who need a quick reference. See the demo.

🚀 Features

🎵 Interactive Piano: Click or tap on the piano keys to select notes and discover chords.
🎼 Chord Information: Get detailed information about each chord, including its name and variations.
🎹 Responsive Design: The application is designed to work on both desktop and mobile devices.
🎧 Sound: Hear the chord you've created by playing it on the piano.

🏁 Getting Started

To get started with React Chord Finder, clone the repository to your local machine: npm install to install the necessary dependencies. Then, run npm run dev to start the development server.