https://github.com/akashjitu18/sportify-clone
A web-based music player that mimics the functionality of Spotify. Built with HTML, CSS, and JavaScript, this project allows users to dynamically load and play music from local directories.
https://github.com/akashjitu18/sportify-clone
html-css-javascript music-player spotify-clone
Last synced: about 1 year ago
JSON representation
A web-based music player that mimics the functionality of Spotify. Built with HTML, CSS, and JavaScript, this project allows users to dynamically load and play music from local directories.
- Host: GitHub
- URL: https://github.com/akashjitu18/sportify-clone
- Owner: Akashjitu18
- Created: 2024-08-26T08:18:12.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-29T21:24:50.000Z (almost 2 years ago)
- Last Synced: 2025-03-24T09:14:36.961Z (over 1 year ago)
- Topics: html-css-javascript, music-player, spotify-clone
- Language: JavaScript
- Homepage:
- Size: 41.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Spotify Clone
A web-based music player that mimics the functionality of Spotify. Built with HTML, CSS, and JavaScript, this project allows users to dynamically load and play music from local directories.
## Features
- Dynamic playlist generation from local folders.
- Local file access for songs and playlists.
- Simple, intuitive user interface resembling Spotify.
- Play, pause, and skip functionalities for songs.
## Getting Started
### Prerequisites
To run this project, you need:
- A modern web browser (e.g., Chrome, Firefox, Edge).
- A local server environment for file access (e.g., Live Server extension for VSCode, http-server).
### Installation
1. **Clone the Repository:**
```bash
git clone https://github.com/Akashjitu18/spotify-clone.git
2. **Navigate to the Project Directory:**
```bash
cd spotify-clone
3. **Start a Local Server:**
- If you have Node.js installed, you can use http-server:
```bash
npx http-server
- Alternatively, use the Live Server extension in VSCode:
-Open index.html.
-Click on "Go Live" in the status bar.
### Project Structure
- index.html: The main HTML file.
- css/: Contains CSS files for styling.
- js/: Contains JavaScript files for functionality.
- images/: Contains SVG and other images.
- songs/: Contains music files and playlist folders.
- playlist1/: A folder with songs.
- playlist2/: Another folder with songs.
### Usage
1. Open the Project in Your Browser:
- Visit http://localhost:8080 (or the port used by your local server).
2. Explore Playlists:
- The playlists should be dynamically loaded and displayed on the sidebar.
3. Play Songs:
- Click on a playlist to see the list of songs.
- Click on a song to start playback.
## Screenshots
### Homepage
### License :
This code is free to use, modify, and distribute for personal and commercial purposes
### Contact :
If you have any questions or feedback, feel free to contact me at akashjitu18@gmail.com.