Skip to content

ezgisariyildiz/spotify-clone-project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎵 Spotify Clone Project 🎵

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.

🌟 Features

  • 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.

🚀 Getting Started

To get a local copy up and running, follow these simple steps.

🛠️ Technologies Used

  • HTML
  • CSS
  • Bootstrap
  • JavaScript
  • Spotify API

📋 Prerequisites

Before you begin, ensure you have met the following requirements:

  • A web browser (Chrome, Firefox, Safari, etc.)
  • Basic understanding of HTML, CSS, and JavaScript.

📦 Installation

  1. Clone the repo
    git clone https://github.com/ezgisariyildiz/spotify-clone-project.git
  2. Navigate to the project directory
    cd spotify-clone-project
  3. Open index.html in your browser to view the project.

The application will be available at http://127.0.0.1:5500/index.html

🧑‍💻 Usage

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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published