This project is a clone of the Spotify Web Player, designed with a sleek gold and black theme. It mimics the layout and functionality of the Spotify player, allowing users to navigate through various sections like Home, Search, and Library, view recently played tracks, explore trending playlists, and control music playback.
.png)
.png)
- Custom Background: Utilizes a custom background image to enhance visual appeal.
- Glass Blur Effect: Applies a glass blur effect to the background for a modern look.
- Responsive Design: Ensures optimal viewing experience across devices.
- Sidebar Navigation: Easy access to different sections of the web player.
- Recently Played: Displays recently played tracks for quick access.
- Trending Playlists: Highlights trending playlists based on user location.
- Featured Charts: Showcases top songs globally and regionally.
- Music Player: Controls playback with play, pause, forward, and backward options.
- Volume Control: Adjusts volume using a slider.
- HTML5
- CSS3
- Font Awesome Icons
- Google Fonts
To run this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/your-username/spotify-webplayer-clone.git- Navigate to the project directory:
cd spotify-webplayer-clone- Open the
index.htmlfile in your preferred web browser.
Contributions are welcome! If you'd like to contribute to this project, please follow these guidelines:
- Fork the repository.
- Create a new branch (
git checkout -b feature-branch). - Make your changes.
- Commit your changes (
git commit -am 'Add new feature'). - Push to the branch (
git push origin feature-branch). - Create a new pull request.
This project is licensed under the MIT License.
- Font Awesome for providing icons.
- Google Fonts for providing the Montserrat font.
- Spotify for the inspiration and design reference.