A simple interactive music creation game built with React and Tone.js. This application allows users to create and play back melodies using keyboard controls.
- Select musical notes using arrow keys
- Play and record notes using the space key
- Play back recorded melodies
- Reset recordings
- Visual piano key interface
- Real-time feedback and instructions
- React 19
- Vite
- Tailwind CSS
- Tone.js for audio synthesis
- Clone the repository
- Install dependencies:
npm install - Start the development server:
npm run dev
- Press the space key to initialize the audio context
- Use the up/down arrow keys to select different notes
- Press the space key to play and record a note
- Press Enter to play back your recorded melody
- Press Escape to reset your recording
- ↑/↓ keys: Select note
- Space key: Play and record note
- Enter key: Play back recorded melody
- Escape key: Reset recording
To build the application for production:
npm run build
The built files will be in the dist directory.
To preview the production build locally:
npm run preview
This project is configured to automatically deploy to GitHub Pages when changes are pushed to the main branch. The deployment is handled by a GitHub Actions workflow.
To manually trigger a deployment:
- Go to the Actions tab in the GitHub repository
- Select the "Deploy to GitHub Pages" workflow
- Click "Run workflow"