{"id":19847957,"url":"https://github.com/aviralmehrotra/spotify-clone","last_synced_at":"2025-06-29T17:05:49.350Z","repository":{"id":183360279,"uuid":"669436393","full_name":"AviralMehrotra/Spotify-Clone","owner":"AviralMehrotra","description":"A Spotify clone built using React and Styled Components that allows users to log in with their Spotify account and access various features like reading email, private playlists, and more.","archived":false,"fork":false,"pushed_at":"2023-12-16T17:25:10.000Z","size":364,"stargazers_count":5,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-01T18:23:01.545Z","etag":null,"topics":["spotify","spotify-clone","spotify-clone-with-reactjs"],"latest_commit_sha":null,"homepage":"https://spotifyclone-aviral.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AviralMehrotra.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2023-07-22T09:17:16.000Z","updated_at":"2024-06-19T02:27:59.000Z","dependencies_parsed_at":null,"dependency_job_id":"f573f3d0-4848-4b5b-b665-f4504b12437e","html_url":"https://github.com/AviralMehrotra/Spotify-Clone","commit_stats":null,"previous_names":["aviralmehrotra/spotify-clone"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/AviralMehrotra/Spotify-Clone","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AviralMehrotra%2FSpotify-Clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AviralMehrotra%2FSpotify-Clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AviralMehrotra%2FSpotify-Clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AviralMehrotra%2FSpotify-Clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AviralMehrotra","download_url":"https://codeload.github.com/AviralMehrotra/Spotify-Clone/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AviralMehrotra%2FSpotify-Clone/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262632335,"owners_count":23340214,"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":["spotify","spotify-clone","spotify-clone-with-reactjs"],"created_at":"2024-11-12T13:15:40.188Z","updated_at":"2025-06-29T17:05:49.322Z","avatar_url":"https://github.com/AviralMehrotra.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg src=\"https://storage.googleapis.com/pr-newsroom-wp/1/2018/11/Spotify_Logo_CMYK_White.png\" alt=\"Spotify Clone\" width=\"200\" /\u003e\n\nA Spotify clone built using React and Styled Components that allows users to log in with their Spotify account and access various features like reading email, private playlists, and more.\u003cbr\u003e\u003cbr\u003e\n\u003cstrong\u003eNote\u003c/strong\u003e: To take the complete advantage of this Spotify Clone you need to have [Spotify Premium](https://www.spotify.com/in-en/premium/). \n\n## Demo\n\u003ca href=\"https://spotifyclone-aviral.netlify.app/\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/Netlify-00C7B7?style=for-the-badge\u0026logo=netlify\u0026logoColor=white\"/\u003e\n\u003c/a\u003e\n\n## Features\n- Login with Spotify account.\n- Access user information (email, private playlists, etc.).\n- Play/Pause Music, Next and Previous\n- Volume Slider\n- Access to all your playlists \n\n## Installation\nTo run the application locally, follow these steps:\n\n1. Clone the repository:\n   ```\n   git clone https://github.com/AviralMehrotra/Spotify-Clone.git\n   ```\n\n2. Change into the project directory:\n   ```\n   cd Spotify-Clone\n   ```\n\n3. Install dependencies:\n   ```\n   npm install\n   ```\n\n## Usage\n1. Obtain your Spotify Client ID:\n   - Go to the Spotify Developer Dashboard: https://developer.spotify.com/dashboard/\n   - Create a new application to get your Client ID.\n   - Add `http://localhost:3000/` (or your production URL) as a Redirect URI in the Spotify Dashboard.\n\n2. Configure Client ID:\n   - In the `Login.jsx` file, replace `clientId` with your Spotify Client ID.\n\n3. Run the application:\n   ```\n   npm start\n   ```\n\n4. Open your web browser and navigate to `http://localhost:3000/` to access the application.\n\n## Technologies Used\n- React\n- Styled Components\n- React Icons\n- Axios\n\n## Contributing\nContributions are welcome! If you find any issues or have improvements to suggest, please create an issue or submit a pull request.\n\n1. Fork the repository.\n2. Create your feature branch: `git checkout -b feature/my-new-feature`.\n3. Commit your changes: `git commit -m 'Add some feature'`.\n4. Push to the branch: `git push origin feature/my-new-feature`.\n5. Submit a pull request.\n\n## License\nThis project is licensed under the [MIT License](LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faviralmehrotra%2Fspotify-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faviralmehrotra%2Fspotify-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faviralmehrotra%2Fspotify-clone/lists"}