Home Original page

GitHub - Software-Development-Mastermind/spotify: Utilizes data from the Spotify API to allow a person to search for artists/albums or songs from the Spotify library. (Cloned from Joe Bigio)

Spotify Clone

A responsive React application that fetches music artists, albums, or songs from Spotify's API.

See it here

Images

Homepage:

homepage

Search Spotify by artist, album, or song:

searchpage

Sample of artist search:

artist-search

Sample of album search:

album-search

Sample of song search:

song-search

Random page:

randompage

Click on a random artist to generate a random song:

random-song

Instructions

  1. clone project
  2. cd into project directory
  3. go to www.spotify.com and create an account (Premium or Free)
  4. go to the Dashboard page and click Create an App. Complete steps
  5. touch .env (this will create a .env file)
  6. follow the .env_sample file (include your API Key & API Secret Key)
  7. run npm start
  8. open a browser and navigate to localhost:3000

Summary

This application utilizes Spotify's API to fetch artists, albums, or songs. Users can go to the search page and choose from the dropdown menu options to tailor your search. Additionally, by clicking on an artist's profile on the random page, users are able to generate a random song from any of the 5 artists.

This application is purely frontend and authenticates directly to Spotify's API via API keys.

I had a lot of fun building this application and making it user friendly and Spotify themed. I wanted to challenge myself by making this purely frontend since my last project (Twitter clone) I built out a backend server to handle API requests and various tasks.

Stay tuned for added features in the near future!

Author