This is a frontend-only web application that replicates some of the core features of Spotify. It is built using React and utilizes the Spotify API for fetching music data.
Before you begin, ensure you have the following installed on your machine:
-
Clone the repository to your local machine:
git clone https://github.com/yourusername/spotify-clone.git
-
Navigate to the project directory:
cd spotify-clone-app
-
Install the dependencies:
npm install
-
Obtain a Spotify API Key by registering your application on the Spotify Developer Dashboard.
-
Create a .env file in the root directory and add your Spotify API credentials:
REACT_APP_SPOTIFY_CLIENT_ID=YOUR_CLIENT_ID REACT_APP_SPOTIFY_REDIRECT_URI=YOUR_REDIRECT_URI
Replace YOUR_CLIENT_ID and YOUR_REDIRECT_URI with your actual Spotify API credentials.
- Start the development server:
npm start The app should now be running at http://localhost:3000.
- Browse and search for tracks, albums, and artists.
- View details of individual tracks, albums, and artists.
- Play previews of tracks.
- Add tracks to a user's playlist (Note: This feature is for demonstration purposes only and doesn't actually interact with a Spotify account).
- React
- Context API for state management
- Spotify API for fetching music data
If you'd like to contribute, please fork the repository and create a pull request. You can also open an issue if you find any bugs or have suggestions for improvements.
This project is licensed under the MIT License.