Farid-Hamid-4 / vibefy

Search for tracks, albums, or artists to generate custom playlists based on a particular songs audio features.

Home Page:https://main.d2xqpnct98klit.amplifyapp.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Vibefy

Vibefy is a React-based web application that allows users to discover and explore music tracks, albums, and artists using the Spotify Web API. Users can search for songs or artists, and generate playlists containing similar tracks.

A React-based web application that allows users to discover and explore music tracks, albums, and artists using the Spotify Web API. Users can search for songs or artists, and generate playlists containing similar tracks.

vibefy-screenshot

vibefy-screenshot

Features

  • User authentication using the Spotify Web API authorization flow.
  • Search functionality to find tracks, artists, and albums.
  • Display of track details including album information and artist details.
  • Generate playlist button

Usage

Link to live website: https://main.d2xqpnct98klit.amplifyapp.com/

  1. You will be prompted to log in with your Spotify account. Click the "Log in with Spotify" button to authorize the app and grant access to your Spotify data.

  2. Once logged in, you can use the search bar to search for songs or artists.

  3. Click on the + button on the track cards to generate a playlist containing 50 recommended tracks based on the track of your choice.

  4. Click on the + button on the track cards to generate a playlist containing 50 recommended tracks based on the track of your choice.

About

Search for tracks, albums, or artists to generate custom playlists based on a particular songs audio features.

https://main.d2xqpnct98klit.amplifyapp.com/


Languages

Language:JavaScript 69.3%Language:CSS 20.7%Language:HTML 10.0%