“Don’t just hear the music—connect with it.”
In today’s streaming era, finding music is easy. But finding music that truly connects—to your mood, your moment, your story—is something else.
SpotOn blends the power of AI and Spotify’s massive catalog to deliver emotionally intelligent song discovery. Whether you're building a vibe-based playlist, diving into new genres, or exploring an artist’s catalog, SpotOn makes the experience meaningful even before you actually hear the song.
No more generic recommendations. Just music that feels SpotOn.
- 📲 Spotify Login – Authenticate with your own Spotify account for personalized access and song saving
- 🔍 Smart Song Search – Enter a song name and get real-time Spotify results
- 📄 Song Details View – Get rich song metadata, including:
- Title
- Album
- Artist
- Genre
- Cover Art
- Credits
- 💾 Save to Album – Save tracks to your Spotify library directly
- 🤖 AI-Powered Summaries – Uses Google Gemini to generate tailored descriptions of song themes, moods, and context
- 🧭 Intuitive Navigation – Smooth transitions between views using React Router
spot-on-demo.mp4
- AWS Elastic Beanstalk – Full-stack deployment of Dockerized application
- Docker – Containerized frontend with secure environment variable injection
- GitHub Actions – CI/CD workflow for automated build and deployment
- React.js
- React Router
- Tailwind CSS
- Spotify Web API
- Google Gemini API
(Bundled within Docker container)
- Handles Spotify token management
- Hides API keys from client
- Sends requests to Gemini API and returns AI summaries
- Manages CORS and routing
- 🔊 Spotify Premium Playback support
- 💬 User reviews & social features
- 🎨 Advanced UI theming and animations
- ☁️ Persistent playlist storage with MongoDB/PostgreSQL
Deployed and live on AWS 🚀 Explore the intersection of music and machine intelligence with SpotOn.