Spotify Clone

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

See it here

Images

Homepage:

Search Spotify by artist, album, or song:

Sample of artist search:

Sample of album search:

Sample of song search:

Random page:

Click on a random artist to generate a 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

• Joe Bigio Full-Stack Software Developer Website | LinkedIn