Skip to content

🎡 A web app that connects Spotify playlists with YouTube videos. Log in with Spotify, browse your playlists, and find YouTube videos for your favorite tracks seamlessly. Built with Node.js, React, and integrated APIs. πŸš€

Notifications You must be signed in to change notification settings

mmShahalam/CrossPlatformPlaylist-Spotify2YT

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

35 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎡 CrossPlatformPlaylist-Spotify2YT πŸŽ₯

This project allows users to browse their Spotify playlists and find corresponding YouTube videos for each track. Built using Node.js and React, it integrates the Spotify and YouTube APIs to create a cross-platform music experience. This can be accessed using the url: https://cross-platform-playlist-spotify2-yt-client.vercel.app

πŸš€ Features

  • Spotify Login: Securely log in with Spotify to access your playlists. Spotify Login - Step 1 Spotify Login - Step 2

  • Playlist Display: View your playlists with details like cover images and track counts. Playlist Display

  • Track Search: Search for tracks from your playlists on YouTube. Track Search

  • YouTube Integration: Quickly navigate to YouTube videos for any track. YouTube Integration

πŸ› οΈ Technologies Used

  • Backend: Node.js, Express.js
  • Frontend: React.js
  • APIs:
    • Spotify Web API
    • YouTube Data API
  • Deployment: Vercel (React), Railway (Node.js)

πŸ“‚ Project Structure

Backend

  • server.js: Handles Spotify authentication, playlist retrieval, and YouTube search.
  • Deployed at: Backend URL

Frontend

  • src: React components for login, playlist, and track display.
  • Deployed at: Frontend URL

🌐 Usage

  1. Visit the frontend URL: Frontend URL
  2. Click "Login with Spotify" to authenticate.
  3. Browse your playlists and select a playlist to view tracks.
  4. Search for YouTube videos of your favorite tracks!

πŸ‘¨β€πŸ’» Author

About

🎡 A web app that connects Spotify playlists with YouTube videos. Log in with Spotify, browse your playlists, and find YouTube videos for your favorite tracks seamlessly. Built with Node.js, React, and integrated APIs. πŸš€

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published