Skip to content

KSNauman/Spotify-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Spotify Web Player Clone

A front-end web clone of Spotify built using HTML, CSS, and Font Awesome icons. This project focuses on creating a responsive UI/UX inspired by Spotify’s web player.


Features

  • Sidebar Navigation: Home, Search, and Your Library sections.
  • Playlist Cards: Recently played and featured charts.
  • Sticky Top Navigation: User profile, Explore Premium, and app install button.
  • Music Player Bar: Controls for play/pause, skip, and playback progress.
  • Responsive Design: Adapts layout for smaller screens with selective hiding.
  • Interactive UI Elements: Hover effects on icons and cards.

Tech Stack

  • Markup: HTML5
  • Styling: CSS3 (Flexbox for layout)
  • Icons: Font Awesome 6
  • Fonts: Google Fonts (Montserrat)
  • Static Assets: Local image assets for cards and player controls

Notes / Future Improvements

  • Add JavaScript functionality for real playback controls.
  • Connect to a music API for dynamic playlists.
  • Implement dark/light theme toggle.
  • Make the UI fully mobile-friendly.

About

An educational, hands-on approach to building a Spotify-inspired clone with HTML and CSS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published