Skip to content

HassaanMemon026/Spotify-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎵 Spotify-Clone

Welcome to Spotify-Clone! ✨
This project is a frontend-only application created with HTML, CSS, and JavaScript, where you can enjoy Naats Sharif in a visually stunning and user-friendly interface.


✨ Features

  • 🎧 Play Naats: Listen to soulful Naats with an intuitive player.
  • 🎨 Beautiful Design: Spotify-inspired interface with a unique touch for Naats.
  • 📱 Responsive Layout: Optimized for all devices (mobile, tablet, desktop).
  • 🔄 Interactive Controls: Play, pause, and navigate between Naats effortlessly.

🛠️ Built With

  • HTML5: For creating the structure of the website.
  • CSS3: For modern styling and animations.
  • JavaScript: For adding interactivity and functionality to the player.

📂 Project Structure

Spotify-Clone/
├── 📁 JavaScript/
│   └── script.js          # Main JavaScript file for interactivity
├── 📁 CSS/
│   ├── style.css          # Styling for the main layout
│   └── utility.css        # Utility classes for styling
├── 📁 mp3/
│   ├── Ahmed Raza Album/         # Folder for Ahmed Raza Album Naats
│   ├── Asif Attari Album/        # Folder for Asif Attari Album Naats
│   └── ...                # Additional albums
├── 📁 img/
│   └── ...                # Folder for images and icons
├── index.html             # Main HTML file 
| 
└── README.md              # MarkDown Discription file 

🚀 Getting Started

  1. Clone the repository:
    git clone https://github.com/HassaanMemon026/Spotify-Clone.git

  2. Open the index.html file in your browser with Live Preview or Live Server.

  3. 🎵 Enjoy the soulful Naats experience! 🎶


🌍 Live Demo

Click here to experience the Naat Player!

Important: This website currently supports a limited number of MP3 files with restricted fetching speed.


🤝 Contributing

Contributions are always welcome! Feel free to fork this repo and submit pull requests to enhance the project.

  1. Fork this repository.
  2. Create a new branch:
    git checkout -b feature-name
  3. Make your changes and commit them:
    git commit -m "Add feature-name"
  4. Push to your branch:
    git push origin feature-name
  5. Open a pull request to collaborate!

📧 Contact

Feel free to reach out for any suggestions or improvements!


📜 License

This project is licensed under the MIT License. Feel free to use, modify, and distribute with proper attribution.


🎉 Let’s Celebrate Spirituality with Tech!

Enjoy a peaceful browsing experience and listen to soulful Naats through this Spotify-inspired Naat Player. 💖

About

Spotify-Clone is a responsive web app built with HTML, CSS, and JavaScript for listening to Naats Sharif. It features a sleek, Spotify-inspired interface and provides a seamless, user-friendly experience across all devices.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors