soundstream

Tada~ a Spotify clone! 🎶

(For API practice)

✨ Visit deployed application here ✨

Technologies Used

• Spotify API
• ReactJS
• Express.js
• JavaScript
• Tailwind CSS
• HTML
• npm packages:
  • concurrently
  • Spotify Web API Node
  • react-spotify-web-playback
  • lyrics-finder
  • dotenv
  • Boxicons

Installation

1. Install NodeJS in your operating system
2. Install all of the dependencies listed above via command-line in terminal by entering npm install
3. Create a Spotify account, and then create a new app to retrieve a Client ID. Then enter http://localhost:3000/callback under Redirect URIs.
4. Create a .env file with the following variables:

CLIENT_ID=(replace this with your client ID)
CLIENT_SECRET=(replace this with your client secret)
REDIRECT_URI=http://localhost:3000/callback
REACT_APP_SPOTIFY_CLIENT_ID=(replace this with your client ID)

5. Execute the following command in the root to compile the development build:

npm run develop

Usage

Enter npm run develop at the root directory in terminal. This will start up the React app and initialize the back-end at the same time. The application will open automatically in your browser. Once the application loads, login with your Spotify account. Search for an artist or song within the search box at the top left corner of the screen. Let the music move you. 🎵

Questions

For any questions about this repository, please contact me at hayashi.demi@gmail.com.

Visit my GitHub to view more of my works at github.com/demivlkv!