๐ง Inspiration We wanted to build a music player that wasnโt just another streaming clone. With Sonix, we envisioned an app that delivers rich, responsive audio experiences with sleek performance and personalization. Windsurf caught our eye for its powerful UI/UX components tailored for Flutterโit gave us the perfect wave to ride.
๐ What it does Sonix is a modern music player that offers:
Smooth audio playback with waveform visualizations
Smart playlists curated by listening habits
Offline sync and local file management
Intuitive, minimal design powered by Windsurf widgets
Lightning-fast UI response and seamless navigation
๐ ๏ธ How we built it Frontend: Flutter (with Windsurf for beautiful UI components)
Audio Processing: Just Audio & AudioService packages
State Management: Riverpod
Storage: Hive for offline caching
Design: Figma prototypes translated into Flutter layouts with Windsurf support
๐ง Challenges we ran into Integrating audio background services without breaking UI flow
Syncing offline tracks with real-time visualization
Customizing Windsurf components to fit a music-first aesthetic
Managing device permissions across platforms
๐ Accomplishments that we're proud of Built a fully functional, responsive music player in record time
Seamless offline + streaming experience
Leveraged Windsurf to deliver a crisp design without compromise
Optimized app for both Android and iOS in one codebase
๐ What we learned How to creatively extend Windsurf for media-heavy apps
Fine-tuning audio visualizations to sync with playback in real-time
Managing Flutterโs audio stack efficiently with low latency
Streamlining app performance across platforms and screen sizes
๐ฎ What's next for Sonix Adding voice control and gesture-based playback
Exploring AI-curated playlists using user moods and activity
Blockchain-based track ownership and royalty tagging
Launching on Play Store & TestFlight for wider feedback
Built With
- dart
- figma
- flutter
- windsurf
Log in or sign up for Devpost to join the conversation.