Skip to content

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

Notifications You must be signed in to change notification settings

Prakhar-002/SPOTIFY-CLONE

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 

Repository files navigation

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.


Screenshots ★🎸🎧⋆

image


Tech Stack 👨🏻‍💻

HTML5   CSS3   JavaScript


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 🍃

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

For Linux and macOS 🌿

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

About

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published