{"id":18852074,"url":"https://github.com/verma-kunal/spotify-clone-js","last_synced_at":"2026-04-11T07:42:34.829Z","repository":{"id":250957903,"uuid":"835970851","full_name":"verma-kunal/spotify-clone-js","owner":"verma-kunal","description":"A music app using Vanilla Js and Spotify Web API","archived":false,"fork":false,"pushed_at":"2024-07-30T23:08:41.000Z","size":2976,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-04-11T07:42:32.413Z","etag":null,"topics":["expressjs","spotify-web-api","vanilla-javascript"],"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/verma-kunal.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-07-30T22:38:49.000Z","updated_at":"2024-09-09T07:01:22.000Z","dependencies_parsed_at":"2024-07-31T02:42:08.840Z","dependency_job_id":null,"html_url":"https://github.com/verma-kunal/spotify-clone-js","commit_stats":null,"previous_names":["verma-kunal/spotify-clone-js"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/verma-kunal/spotify-clone-js","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/verma-kunal%2Fspotify-clone-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/verma-kunal%2Fspotify-clone-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/verma-kunal%2Fspotify-clone-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/verma-kunal%2Fspotify-clone-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/verma-kunal","download_url":"https://codeload.github.com/verma-kunal/spotify-clone-js/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/verma-kunal%2Fspotify-clone-js/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31673067,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T17:19:37.612Z","status":"online","status_checked_at":"2026-04-11T02:00:05.776Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["expressjs","spotify-web-api","vanilla-javascript"],"created_at":"2024-11-08T03:37:56.464Z","updated_at":"2026-04-11T07:42:34.794Z","avatar_url":"https://github.com/verma-kunal.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Spotify Clone using Vanilla JS\n\n## Introduction \n\nThis project is a music streaming app built using Vanilla JavaScript and the Spotify Web API. It allows users to play random songs directly from the Spotify library. This clone aims to mimic the core functionalities of the Spotify app, providing a hands-on learning experience with APIs and front-end development.\n\n### Tech Stack Used\n- HTML, CSS\n- Vanilla Js\n- [Spotify Web API](https://developer.spotify.com/documentation/web-api)\n- [HTML Audio Element](https://developer.mozilla.org/en-US/docs/Web/API/HTMLAudioElement) \n\n## Setting Up \u0026 Running\n\n1. **Clone the Repository:**\n   ```bash\n   git clone https://github.com/verma-kunal/spotify-clone-js.git\n   cd spotify-clone-js\n2. **Install Dependencies:**\n    Ensure you have Node.js installed. Then, run:\n    ```bash\n    npm install\n3. **Set Up Environment Variables:**\n    Create a .env file in the root directory and add your Spotify API credentials:\n    ```bash\n    CLIENT_ID=\"\"\n    CLIENT_SECRET=\"\"\n    PLAYLIST_ID=\"\"\n    ```\n    \u003e Refer the [Spotify Web API documentation](https://developer.spotify.com/documentation/web-api) to learn about generating client id and secret keys.\n4. **Start the Server:**\n    ```bash\n    node server.js\n5. **Access the App:**\n    Open your browser and go to http://localhost:3000 to start using the app.\n\n# Demo Video\n\nhttps://github.com/user-attachments/assets/9bf35c53-c5b0-4600-ab2b-235b0d8ceac2\n\n## Resources\n\n- [How to use Spotify's API with Javascript](https://youtu.be/SbelQW2JaDQ?feature=shared)\n- [Getting Random Tracks using the Spotify API by Perry Janssen](https://perryjanssen.medium.com/getting-random-tracks-using-the-spotify-api-61889b0c0c27)\n- [Spotify Web API Documentation](https://developer.spotify.com/documentation/web-api)\n- [Creating a Spotify Clone Using HTML, CSS \u0026 JavaScript (Hindi)](https://youtu.be/ANzPM5-lwXc?feature=shared)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fverma-kunal%2Fspotify-clone-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fverma-kunal%2Fspotify-clone-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fverma-kunal%2Fspotify-clone-js/lists"}