Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/coffee-expert/spotifyclone--chamber-styled

Last synced: 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/coffee-expert/spotifyclone--chamber-styled
Owner: Coffee-Expert
Created: 2024-02-21T12:35:31.000Z (11 months ago)
Default Branch: main
Last Pushed: 2024-02-23T09:24:53.000Z (11 months ago)
Last Synced: 2024-08-06T07:35:27.372Z (6 months ago)
Language: HTML
Size: 2.64 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Spotify Web Player Clone - Gold and Black Theme

[Visit my Spotify Clone](https://coffee-expert.github.io/SpotifyClone--Chamber-Styled/)

## Description

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.

## Preview

![Spotify Clone Preview](https://github.com/Coffee-Expert/SpotifyClone--Chamber-Styled/blob/main/assets/Control-V%20(14).png)
![Preview-2](https://github.com/Coffee-Expert/SpotifyClone--Chamber-Styled/blob/main/assets/Control-V%20(16).png)

## Features

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

## Technologies Used

- HTML5
- CSS3
- Font Awesome Icons
- Google Fonts

## Installation

To run this project locally, follow these steps:

1. Clone the repository:

```bash
git clone https://github.com/your-username/spotify-webplayer-clone.git
```

2. Navigate to the project directory:

```bash
cd spotify-webplayer-clone
```

3. Open the `index.html` file in your preferred web browser.

## Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these guidelines:

1. Fork the repository.
2. Create a new branch (`git checkout -b feature-branch`).
3. Make your changes.
4. Commit your changes (`git commit -am 'Add new feature'`).
5. Push to the branch (`git push origin feature-branch`).
6. Create a new pull request.

## License

This project is licensed under the [MIT License](LICENSE).

## Acknowledgements

- Font Awesome for providing icons.
- Google Fonts for providing the Montserrat font.
- Spotify for the inspiration and design reference.

## Author

[Your's Truly ♥](https://github.com/Coffee-Expert)

---