Welcome to the Spotify Clone Project! This project is a front-end application that mimics the popular music streaming service, Spotify. Using HTML, CSS, Bootstrap, and JavaScript, this clone pulls data from the Spotify API to display popular Turkish artists and new releases.
- Popular Turkish Artists: Display popular Turkish artists with images and names.
- Popular Albums and Singles: Show new album releases with cover art and artist names.
- Responsive Design: Responsive design with Bootstrap to ensure compatibility across devices.
To get a local copy up and running, follow these simple steps.
- HTML
- CSS
- Bootstrap
- JavaScript
- Spotify API
Before you begin, ensure you have met the following requirements:
- A web browser (Chrome, Firefox, Safari, etc.)
- Basic understanding of HTML, CSS, and JavaScript.
- Clone the repo
git clone https://github.com/ezgisariyildiz/spotify-clone-project.git
- Navigate to the project directory
cd spotify-clone-project
- Open
index.html
in your browser to view the project.
The application will be available at http://127.0.0.1:5500/index.html
This project uses the Spotify API to fetch and display data. Ensure you replace the placeholders in the code with your actual Spotify API credentials.
// Spotify API Configuration
const CLIENT_ID = 'your_client_id';
const CLIENT_SECRET = 'your_client_secret';
const REDIRECT_URI = 'http://127.0.0.1:5500/'; // Your local server address