SpotifyClone

A clone of Spotify

Hire Me!

Currently seeking Frontend Software Engineering roles

Getting Started

Prerequisites

You need a Spotify Premium account for the project to work properly and request an access token. Grab the Spotify client ID and client secret from your dashboard. You need this to set the VITE_CLIENT_ID and VITE_CLIENT_SECRET in step 3 of Getting Started below.

Installation

How to get a local copy up and running

1. Clone the repo

git clone https://github.com/lawsonhung/SpotifyCloneFrontEnd.git

2. Install NPM packages

npm i

3. Create a .env in the root directory and set the VITE_REACT_APP_BASE_URL and VITE_PRODUCTION_BACKEND_API_BASE_URL. Your VITE_CLIENT_ID (Spotify client ID) and VITE_CLIENT_SECRET (Spotify client secret) goes here as well.
   Make a GET request with your access token to https://api.spotify.com/v1/me to get your Spotify ID
   
   The default for a Vite React app is probably http://localhost:5173/
   The default backend API is usually http://localhost:3000/

touch .env

VITE_REACT_APP_BASE_URL=REACT_APP_URL_HERE
VITE_PRODUCTION_BACKEND_API_BASE_URL=BACKEND_URL_HERE
VITE_CLIENT_ID=SPOTIFY_CLIENT_ID_HERE
VITE_CLIENT_SECRET=SPOTIFY_CLIENT_SECRET_HERE
VITE_MY_SPOTIFY_ID=YOUR_SPOTIFY_ID_HERE

5. Run the project dev command

npm run dev

Screenshots

Built With

Acknowledgements