https://github.com/prakhar-002/spotify-clone

The Spotify 🎧 clone template💽 using HTML and CSS replicates 🎸 Spotify's interface (˶ᵔ ᵕ ᵔ˶) . skilling up 🛠️ my front-end development skills 🪄 through practical application 🎯 .
https://github.com/prakhar-002/spotify-clone

html-css music spotify spotify-clone-using-html-css

Last synced: 7 months ago
JSON representation

The Spotify 🎧 clone template💽 using HTML and CSS replicates 🎸 Spotify's interface (˶ᵔ ᵕ ᵔ˶) . skilling up 🛠️ my front-end development skills 🪄 through practical application 🎯 .

• Host: GitHub
• URL: https://github.com/prakhar-002/spotify-clone
• Owner: Prakhar-002
• Created: 2023-12-09T11:48:04.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-06-16T12:04:29.000Z (over 1 year ago)
• Last Synced: 2025-02-09T21:45:21.273Z (8 months ago)
• Topics: html-css, music, spotify, spotify-clone-using-html-css
• Language: HTML
• Homepage: https://prakhar-002-spotify.netlify.app/
• Size: 346 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

# Spotify-Clone 📀🪐

This project is a `simple HTML/CSS` replica of the `Spotify web application interface`. It mimics the layout and` design of Spotify's main features` using only **frontend technologies**.

 


 ➥ Live Demo



# Screenshots ★🎸🎧⋆

![image](https://github.com/Prakhar-002/SPOTIFY-CLONE/assets/136890202/da6ca674-f9be-4e8e-8121-5193a4e239ab)

# Tech Stack 👨🏻‍💻

![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)   ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)   ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)

# Features 💎

- `Navigation Bar` ➤ Replicates Spotify's top navigation bar with `logo, 

  search bar, and user profile`.

- `Sidebar` ➤ Includes a sidebar similar to Spotify's, with `links to different sections like Home, Browse, and Your Library`.

- `Playlist Section` ➤  Displays a `grid of playlist cards, showcasing album covers, titles, and artists.`

- `Footer` ➤ Mimics Spotify's footer with links to `legal information and social media`.

## Deployment 🚀

**To 🏃🏻‍♂️ locally this Spotify clone** *run this command on your git bash*

`For window 🍃`

```bash

  git clone https://github.com/Prakhar-002/SPOTIFY-CLONE.git

```

`For Linux and macOS 🌿`

```bash

  sudo git clone https://github.com/Prakhar-002/SPOTIFY-CLONE.git

```