Built for the "No Keyboards Allowed" Hackathon 🚫⌨️
A revolutionary hands-free music creation experience powered by voice commands and AI agents. Conduct your own electronic dance music with nothing but your voice!
Club Goose transforms music production into an immersive, hands-free experience. Simply speak to control melody, layers, and themes while enjoying reactive visuals that pulse with the beat. Our dancing goose mascot adds playful character to the experience, making music production accessible and engaging for users of all skill levels. Currently works 100% with just voice commands and will be implementing gesture controls in the future!
- 🎤 Voice Control: Complete hands-free operation using natural speech
- 🎵 EDM House Music: Professional-quality electronic dance music generation
- 🎨 Reactive Visuals: Dynamic visualizations that respond to your music
- 🦆 Dancing Goose: Playful mascot that reacts to the beat
- 🎪 Club Mode: Immersive nightclub atmosphere with enhanced visuals
- 📱 No Keyboards Required: 100% voice-based interaction
This project was built using Goose AI agents for the "No Keyboards Allowed" hackathon, demonstrating the power of AI-assisted development:
- 🎵 Audio Engineering: AI agents helped design and implement the complex Tone.js audio synthesis system
- 🎤 Voice Recognition: Agents developed the sophisticated speech-to-command mapping system
- 🎨 Visual Effects: Agents created the dynamic visualizer and reactive animations
- 🔧 State Management: AI helped architect the event-driven state management system
- 🎪 UI/UX Design: Agents designed the immersive club-themed interface
- 🧪 Testing & Debugging: AI agents helped identify and fix complex audio timing issues
Following the "No Keyboards Allowed" theme, this entire application was conceptualized, designed, and built using AI agents as the primary development tool. The human developer acted as a conductor, directing AI agents to implement complex features while maintaining creative control over the overall vision.
Transport Control:
"start"/"play"/"begin"- Start the music"stop"/"pause"/"halt"- Stop the music
Instrument Control:
"lead on/off"/"melody on/off"- Toggle lead melody"chords on/off"/"pads on/off"- Toggle chord progression"kick on/off"/"bass drum on/off"- Toggle kick drum"snare on/off"- Toggle snare drum"hats on/off"/"hi-hats on/off"- Toggle hi-hats"bass on/off"/"sub on/off"- Toggle bass line
UI Control:
"open/close settings"- Toggle settings panel"open/close about"- Toggle about modal"enter club goose"/"club mode"- Activate club theme"visuals on/off"- Toggle visualizer
- Tone.js: Professional audio synthesis and sequencing
- Real-time Synthesis: Dynamic instrument generation
- EDM House Patterns: Authentic electronic dance music
- Multi-layered Audio: Lead, chords, bass, drums, and percussion
- Web Speech API: Browser-native speech recognition
- Command Mapping: Intelligent synonym-based command processing
- Real-time Processing: Instant voice command execution
- Error Handling: Robust fallback and retry mechanisms
- Real-time Processing: Low-latency movement tracking
- Reactive Animations: Visual feedback for all interactions
- Canvas API: High-performance 2D rendering
- Reactive Visualizer: Beat-synchronized animations
- Soundwave Display: Real-time audio visualization
- Theme System: Dynamic visual theming
- Event Bus: Decoupled component communication
- Global State: Centralized application state
- Real-time Updates: Live state synchronization
- Type Safety: Full TypeScript implementation
- Modern web browser with Web Speech API support
- Microphone access
- Camera access (for future gesture controls)
-
Clone the repository:
git clone https://github.com/your-username/club-goose.git cd club-goose -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open your browser: Navigate to
http://localhost:3000 -
Grant permissions:
- Allow microphone access for voice commands
- Allow camera access for future gesture recognition
-
Start conducting:
- Click "Start Conducting" or say "start"
- Begin creating music with your voice!
Activate Club Mode for the full immersive experience:
- Enhanced Visuals: Brighter, more dynamic visualizations
- Club Theme: Nightclub-inspired color schemes
- Confetti Effects: Celebration animations
- Welcome Message: Dramatic "WELCOME TO CLUB GOOSE" display
Say "enter club goose" or "club mode" to activate!
Open browser console and use:
// Test voice command recognition
__testVoiceCommand("close settings")
__testVoiceCommand("lead on")- All voice commands are logged to console
- Real-time state monitoring
- ✅ 100% Voice Control: Complete application control via speech
- ✅ AI Agent Development: Built primarily using Goose AI agents
- ✅ Hands-free Operation: No keyboard or mouse required
- ✅ Accessibility: Inclusive design for all users
- AI-Assisted Development: Demonstrates the future of software development
- Immersive Music Creation: Revolutionary approach to music production
- Multi-modal Interaction: Voice + visual feedback
- Real-time Performance: Low-latency audio and visual processing
- Professional Quality: Production-ready EDM music generation
- Authentic Patterns: Real house music rhythms and progressions
- Multi-layered Composition: Lead, chords, bass, drums, and percussion
- Dynamic Variation: 6 different melody patterns with automatic cycling
- Professional Sound: High-quality synthesis with effects processing
- Chorus & Phaser: Rich, moving lead sounds
- Compression: Professional audio dynamics
- Reverb & Delay: Spatial audio effects
- Filtering: Dynamic frequency shaping
- Beat Synchronization: Visuals pulse with the music
- Soundwave Display: Real-time audio waveform visualization
- Dynamic Colors: Theme-responsive color schemes
- Smooth Animations: 60fps visual performance
- Dancing Animation: Reacts to music and user movements
- Beat Synchronization: Moves in time with the music
- Playful Character: Adds personality to the experience
- Frontend: Next.js 14, React 18, TypeScript
- Audio: Tone.js, Web Audio API
- Vision: MediaPipe, TensorFlow.js
- Styling: Tailwind CSS, Framer Motion
- State: Custom event bus, React hooks
- Deployment: Vercel-ready
This project was built for the "No Keyboards Allowed" hackathon. Contributions are welcome!
- Fork the repository
- Create a feature branch
- Use AI agents to implement changes (following the hackathon theme!)
- Submit a pull request
MIT License - feel free to use this project as inspiration for your own "No Keyboards Allowed" creations!
- Goose AI Agents: For making this project possible through AI-assisted development
- "No Keyboards Allowed" Hackathon: For the inspiring challenge
- Tone.js Community: For the amazing audio synthesis library
- MediaPipe Team: For the incredible computer vision capabilities
Built with 🦆 Goose AI Agents for the "No Keyboards Allowed" Hackathon
"Conduct your music with nothing but your voice!" 🎵✨