Client-Side Front End Clone: This project is a front-end clone of the Apple Music website.
Dynamic Content Generation: JavaScript dynamically generates song cards on the main page, automatically computing the song name, artist name, and fetching the album cover.
Web Player Functionality: Includes a fully functional web player with volume controls, seek controls, play/pause controls, and previous/next song controls. The player is set to loop mode by default.
Responsive Design: The website is responsive and adapts to various screen sizes including laptops, mobile phones, and tablets without losing functionality.
Sidebar Management: The sidebar hides automatically on smaller screens, with a button to toggle the sidebar in and out.
Volume Controls: Similar functionality is applied to the volume controls.
Page Overflow Management: Page overflow is managed using scroll bars.
Tech Stack
HTML
CSS
JavaScript
Demo
The site is hosted on a free domain for testing purposes using WebHostMost.com.
The music used is not licensed and is solely for experimental and educational purposes. This repository does not claim ownership of the songs. All rights are reserved to the respective song owners. This project is for demonstration purposes only and does not promote music piracy.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent