Project

How It Works

1. Spotify Authentication / login

Users begin by logging into their Spotify account through secure OAuth 2.0 authentication. This connection allows MusicMatch to access their music library, listening history, and create playlists directly in their Spotify account. The authentication process ensures user data remains secure while providing the necessary permissions for full functionality.

2. Choose Your Discovery Method

MusicMatch offers multiple ways to discover music, catering to different user preferences:

Personal Favorites: Rediscover your top tracks from different time periods (4 weeks, 6 months, all-time) Curated Playlists: Explore tracks from Billboard Hot 100 or most-streamed songs on Spotify Custom Playlists: Input any Spotify playlist URL to discover tracks from specific collections Artist Deep Dives: Explore complete discographies of your favorite artists LastFM Integration: Get personalized recommendations based on your LastFM listening profile

3. The Swipe Experience

The core interaction revolves around an intuitive card based interface. Each card displays:

The album artwork Track information (title, artist, album) 30-second audio preview with custom player controls Volume adjustment and playback progress tracking Users can interact with tracks in three ways: Swipe right or click the heart: Like the track and add it to your collection Swipe left or click the dislike button: Skip the track and move to the next recommendation Use player controls: Play, pause, and adjust volume for each preview

4. Playlist Management

Liked tracks are saved in a list below the swiper and can be transferred into Spotify playlists:

Create New Playlists: Generate a fresh playlists with all liked tracks. Add to Existing Playlists: Enhance current playlists with newly discovered tracks Automatic Playlist Covers: Custom MusicMatch branding is automatically added to created playlists

Liked Songs List

Playlist created in the users Spotify profile

Other Features

The Favorites page provides comprehensive insights into your musical preferences across three time periods: recent (4 weeks), medium-term (6 months), and long-term (several years). Users can explore both top tracks and top artistsfor each timeframe.

MusicMatch Preview English

A short overview of MusicMatch

Appendices

Creators

Jakob Schwendinger Profile Picture
Jakob Schwendinger

Idee

Design

Code