A responsive, high-fidelity Spotify Web Player clone built with modern web technologies. This project replicates the core user interface of the Spotify dashboard, focusing on a dark-themed, sleek UI/UX.
https://newdevatgit.github.io/music-streaming-site
- Sidebar Navigation: Access to "Your Library," custom playlist creation, and podcast discovery.
- Search Functionality: A functional search bar integrated into the header for a realistic "What do you want to play?" experience.
- Dynamic Cards: Styled music cards for "Top 50 Global," "Top Songs India," and more, featuring hover effects and descriptions.
- Responsive Layout: Flexible design that adapts to different viewport sizes using CSS Flexbox and Grid.
- Spotify Branding: Accurate use of the Spotify color palette, typography (Montserrat), and iconography.
- HTML5: Structured the dashboard, sidebar, and music sections.
- CSS3: Custom properties (variables) for the dark theme, Flexbox for layout, and transitions for interactivity.
- Font Awesome: Used for high-quality UI icons (Home, Search, Library, etc.).
- Google Fonts: Utilizing the 'Montserrat' font family for a professional look.
├── index.html # Main HTML structure
├── style.css # Custom styling and layout logic
└── assets/ # Images, logos, and card thumbnails
Developed with ❤️ by me.