{"id":22131006,"url":"https://github.com/akashjitu18/sportify-clone","last_synced_at":"2025-06-13T21:04:49.494Z","repository":{"id":255426863,"uuid":"847624056","full_name":"Akashjitu18/Sportify-Clone","owner":"Akashjitu18","description":"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.","archived":false,"fork":false,"pushed_at":"2024-08-29T21:24:50.000Z","size":43492,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-24T09:14:36.961Z","etag":null,"topics":["html-css-javascript","music-player","spotify-clone"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Akashjitu18.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-26T08:18:12.000Z","updated_at":"2024-09-04T22:29:21.000Z","dependencies_parsed_at":"2024-08-29T23:52:08.817Z","dependency_job_id":null,"html_url":"https://github.com/Akashjitu18/Sportify-Clone","commit_stats":null,"previous_names":["akashjitu18/sportify-clone"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Akashjitu18/Sportify-Clone","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Akashjitu18%2FSportify-Clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Akashjitu18%2FSportify-Clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Akashjitu18%2FSportify-Clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Akashjitu18%2FSportify-Clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Akashjitu18","download_url":"https://codeload.github.com/Akashjitu18/Sportify-Clone/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Akashjitu18%2FSportify-Clone/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259719715,"owners_count":22901237,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["html-css-javascript","music-player","spotify-clone"],"created_at":"2024-12-01T18:28:55.789Z","updated_at":"2025-06-13T21:04:49.450Z","avatar_url":"https://github.com/Akashjitu18.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Spotify Clone\n\nA 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.\n\n## Features\n\n- Dynamic playlist generation from local folders.\n- Local file access for songs and playlists.\n- Simple, intuitive user interface resembling Spotify.\n- Play, pause, and skip functionalities for songs.\n\n## Getting Started\n\n### Prerequisites\n\nTo run this project, you need:\n- A modern web browser (e.g., Chrome, Firefox, Edge).\n- A local server environment for file access (e.g., Live Server extension for VSCode, http-server).\n\n### Installation\n\n1. **Clone the Repository:**\n   ```bash\n   git clone https://github.com/Akashjitu18/spotify-clone.git\n\n2. **Navigate to the Project Directory:**\n   ```bash\n   cd spotify-clone\n\n3. **Start a Local Server:**\n  - If you have Node.js installed, you can use http-server:\n    ```bash\n     npx http-server\n  - Alternatively, use the Live Server extension in VSCode:\n      -Open index.html.\n      -Click on \"Go Live\" in the status bar.\n\n    \n### Project Structure\n- index.html: The main HTML file.\n- css/: Contains CSS files for styling.\n- js/: Contains JavaScript files for functionality.\n- images/: Contains SVG and other images.\n- songs/: Contains music files and playlist folders.\n  -   playlist1/: A folder with songs.\n  - playlist2/: Another folder with songs.\n\n\n### Usage\n\n1. Open the Project in Your Browser:\n   - Visit http://localhost:8080 (or the port used by your local server).\n\n2. Explore Playlists:\n   - The playlists should be dynamically loaded and displayed on the sidebar.\n\n3. Play Songs:\n   - Click on a playlist to see the list of songs.\n   - Click on a song to start playback.\n  \n## Screenshots\n\n### Homepage\n\n![Screenshot 2024-08-26 233147](https://github.com/user-attachments/assets/a8913683-636b-4c24-9c17-28100d74be49)\n\n\n\n\n### License :\nThis code is free to use, modify, and distribute for personal and commercial purposes\n\n### Contact :\nIf you have any questions or feedback, feel free to contact me at akashjitu18@gmail.com.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakashjitu18%2Fsportify-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fakashjitu18%2Fsportify-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakashjitu18%2Fsportify-clone/lists"}