🎸 Guitar Chord Auto-Play App Welcome to the Guitar Chord Auto-Play App! This web application helps guitarists practice chords by randomly generating chord diagrams and playing the corresponding audio, allowing for hands-free practice with a timer-based auto-play feature.
📋 Features Auto-Play Mode: Automatically generates a random chord and plays the audio every 5 seconds to help you practice with rhythm. Practice Mode: Manually generate random chords for focused practice. Chord Display: Shows chord diagrams and plays chord sounds for visual and auditory learning. Responsive Design: Works on any device, including desktops and mobile phones.
🚀 How It Works Start Auto-Play: Click the "Start Auto-Play" button to begin automatic chord generation. A new chord will appear every 5 seconds. Stop Auto-Play: Click the "Stop" button to pause the auto-play feature. Practice Mode: Click the "Practice Mode" button to generate a single random chord at your own pace.
🛠️ Installation and Setup To use the Guitar Chord Auto-Play App locally:
- Clone the repository: bash git clone https://github.com/Alexy03/guitar.practice.git
- Navigate to the project directory: bash cd guitar-chord-app
- Open index.html in your browser. Ensure you have the audio and images folders with appropriate files for the chord diagrams and audio to work.
PROJECT STRUCTURE
📁 guitar-chord-app │ ├── 📁 audio/ # Folder containing chord audio files │ ├── C.mp3 │ ├── G.mp3 │ └── Am.mp3 │ ├── 📁 images/ # Folder containing chord diagram images │ ├── C-chord.png │ ├── G-chord.png │ └── Am-chord.png │ ├── index.html # Main HTML file ├── styles.css # CSS for styling the app └── script.js # JavaScript for app functionality
🔧 Technologies Used HTML5: For the web page structure. CSS3: For styling the UI. JavaScript: To handle random chord generation, auto-play logic, and practice mode. Audio Files: .mp3 files for playing the chord sounds. Image Files: .png files for chord diagrams.
🎯 Future Enhancements Add more chords and scales to expand practice options. Implement tempo adjustment for the auto-play feature. Create a metronome feature to aid in rhythm practice. Allow users to select specific chords to practice.
🤝 Contributing If you'd like to contribute to this project, feel free to fork the repository, make changes, and submit a pull request. Contributions are welcome!
📄 License This project is open source and available under the MIT LICENSE