tunematchdemo.mp4
Tune Match is a dynamic AI powered web application designed to enhance your music experience by leveraging the power of React.js, Node.js, Spotify API, OpenAI API, Tailwind CSS, and MongoDB. It allows users to generate custom playlists, discover new songs with a swipe feature, and manage their liked songs efficiently. The UI design choices draw inspiration from the aesthetic of Frank Ocean's "Blond".
- Users can log in using Spotify OAuth for a seamless and secure authentication experience.
- Generates playlists using Spotify API and OpenAI API.
- Users can prompt the generator with commands like "Make me a summer playlist."
- The generated playlist is created on the user's Spotify account, and a link to the playlist is provided.
- A Tinder-like feature that lets users discover new songs by swiping right to like or left to skip.
- Users can listen to song previews and save their liked songs.
- Displays all liked songs.
- Users can add all their liked songs to a new playlist on their Spotify account.
- Shows recently listened to songs and top artists.
- Includes a web player for recent songs, providing an integrated music listening experience.
-
Clone the repository:
git clone https://github.com/kaffy-qaiser/tune-match.git cd tune-match -
Install the dependencies:
npm install
-
Set up environment variables:
- Create a
.envfile in the root directory. - Add your Spotify API credentials, OpenAI API key, and MongoDB connection string.
- Create a
-
Start the development server:
npm start
- Open your browser and navigate to
http://localhost:3000. - Log in using your Spotify account.
- Explore the various features:
- Generate custom playlists.
- Discover new songs with the swipe feature.
- Manage your liked songs and create playlists.
- View your dashboard for recent activities.
This project is licensed under the MIT License.
Enjoy your enhanced music experience with Tune Match!