Transform your road trip memories into personalized AI-generated songs. Document your journey, capture the moments, and let AI create a unique soundtrack for every stop along the way.
- ElevenLabs Integration: Generate unique, high-quality songs based on your travel stories
- Multiple Genres: Rock, Pop, Country, Electronic, Folk, Hip-Hop, Jazz, Indie, and custom styles
- Personalized Lyrics: Songs incorporate your actual experiences, people, and emotions
- AI Artwork Generation: Each song gets unique album artwork via Google Gemini or beautiful placeholders
- Beautiful UI: Smooth animations, gradient effects, and polished design
- Dark Theme: Easy on the eyes during those late-night road trips
- Full-Featured Player: Play, pause, skip, shuffle, repeat modes
- Queue Management: Organize your road trip playlist
- Download Songs: Save your generated tracks for offline listening
- Volume Control: Fine-tune your listening experience
- Trip Albums: Organize songs by journey
- Stop Documentation: Capture stories, people, and memories at each location
- Trip Sharing: Share your musical journey with friends and family
- Pay-Per-Song: Purchase credits to generate songs
- Stripe Integration: Secure payment processing
- Credit Management: Track your balance and usage
- Node.js 18+ and npm/yarn
- Supabase account
- ElevenLabs API key
- Google Gemini API key (optional, for AI artwork)
- Stripe account (for payments)
- Clone the repository:
git clone https://github.com/yourusername/road-tune-ai.git
cd road-tune-ai- Install dependencies:
npm install- Set up environment variables:
cp .env.example .env- Configure your
.envfile:
# Supabase
SUPABASE_URL=your_supabase_url
SUPABASE_ANON_KEY=your_supabase_anon_key
SUPABASE_SERVICE_ROLE_KEY=your_service_role_key
# ElevenLabs (required for music generation)
ELEVENLABS_API_KEY=your_elevenlabs_api_key
# Google Gemini (optional, for AI artwork)
GEMINI_API_KEY=your_gemini_api_key
# Stripe (for payments)
STRIPE_SECRET_KEY=your_stripe_secret_key
STRIPE_WEBHOOK_SECRET=your_stripe_webhook_secret- Run database migrations:
npx supabase db push- Start the development server:
npm run dev- Frontend: React 18, TypeScript, Tailwind CSS, Framer Motion
- Backend: Supabase (PostgreSQL + Edge Functions)
- AI Services: ElevenLabs (music), Google Gemini (artwork)
- Payments: Stripe
- Deployment: Vercel/Netlify compatible
road-tune-ai/
├── src/
│ ├── components/ # Reusable UI components
│ ├── contexts/ # React contexts (Audio, etc.)
│ ├── hooks/ # Custom React hooks
│ ├── pages/ # Route pages
│ ├── styles/ # CSS and animations
│ └── utils/ # Helper functions
├── supabase/
│ ├── functions/ # Edge Functions for AI integration
│ └── migrations/ # Database schema
└── public/ # Static assets
- Create/Select Trip: Start a new journey or continue an existing one
- Add Stop: Document where you are and what happened
- Customize: Choose genre, mood, and add personal details
- Generate: AI creates a unique song based on your input
- Listen & Share: Play your song, download it, or share with friends
- Songs cost 1 credit each to generate
- Regenerate songs for 1 credit
- Purchase credits in bundles through Stripe
- Credits never expire
- Public links for individual songs
- Share entire trip albums
- No login required for viewers
- API keys stored securely in environment variables
- Row-level security on all database tables
- Secure payment processing via Stripe
- No storage of sensitive user data
- Mobile app (React Native)
- Collaborative trips (multiple users)
- Social features (like, comment, follow)
- Spotify/Apple Music integration
- Voice narration for stories
- Video montage generation
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.
- ElevenLabs for amazing AI music generation
- Google Gemini for AI capabilities
- Supabase for the backend infrastructure
- The open-source community for incredible tools and libraries
Built with ❤️ for road trippers and music lovers everywhere.