TUNER. for Spotify

Enhance your social Spotify experience with TUNER.

Find your musical compatibility with your friends and with other users, and use those connections to discover new music.

Built using React.js and Bootstrap for front-end frameworks, Node.js and Express.js for the backend and PostgreSQL for our relational database. Deployed using Heroku and the PostgreSQL database plugin.

Heroku URL

https://spotifytuner.herokuapp.com

User Dashboard

• Log in and view your top compatibility matches with other users

• View your most recent listening history visualized with interactive bar graphs.

• See your listening habits: Favourite Key, Average Tempo and Average volume level based on recent listening!

All Other Users Pages

• View any other user's analytics and listening history to compare the artists to your compatibility score.
• Generate a 'U Complete Me' playlist from your recent listening and this other user's listening history.

Playlists Page

• View all your Spotify playlists
• Search for and drag and drop new tracks into your playlists in real time

Dependencies

• "chart.js": "^2.6.0",
• "jquery": "^3.2.1",
• "query-string": "^5.0.1",
• "rc-progress": "^2.2.2",
• "react": "15.4.2",
• "react-chartjs-2": "^2.1.0",
• "react-dom": "15.4.2",
• "react-router-dom": "^4.2.2",
• "react-slick": "^0.15.4",
• "slick-carousel": "^1.8.1"