Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/aviralmehrotra/spotify-clone
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.
https://github.com/aviralmehrotra/spotify-clone
spotify spotify-clone spotify-clone-with-reactjs
Last synced: 3 days ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/aviralmehrotra/spotify-clone
- Owner: AviralMehrotra
- License: mit
- Created: 2023-07-22T09:17:16.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-12-16T17:25:10.000Z (11 months ago)
- Last Synced: 2023-12-16T18:30:30.004Z (11 months ago)
- Topics: spotify, spotify-clone, spotify-clone-with-reactjs
- Language: JavaScript
- Homepage: https://spotifyclone-aviral.netlify.app/
- Size: 355 KB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
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.
Note: To take the complete advantage of this Spotify Clone you need to have [Spotify Premium](https://www.spotify.com/in-en/premium/).
## Demo
## Features
- Login with Spotify account.
- Access user information (email, private playlists, etc.).
- Play/Pause Music, Next and Previous
- Volume Slider
- Access to all your playlists
## Installation
To run the application locally, follow these steps:
1. Clone the repository:
```
git clone https://github.com/AviralMehrotra/Spotify-Clone.git
```
2. Change into the project directory:
```
cd Spotify-Clone
```
3. Install dependencies:
```
npm install
```
## Usage
1. Obtain your Spotify Client ID:
- Go to the Spotify Developer Dashboard: https://developer.spotify.com/dashboard/
- Create a new application to get your Client ID.
- Add `http://localhost:3000/` (or your production URL) as a Redirect URI in the Spotify Dashboard.
2. Configure Client ID:
- In the `Login.jsx` file, replace `clientId` with your Spotify Client ID.
3. Run the application:
```
npm start
```
4. Open your web browser and navigate to `http://localhost:3000/` to access the application.
## Technologies Used
- React
- Styled Components
- React Icons
- Axios
## Contributing
Contributions are welcome! If you find any issues or have improvements to suggest, please create an issue or submit a pull request.
1. Fork the repository.
2. Create your feature branch: `git checkout -b feature/my-new-feature`.
3. Commit your changes: `git commit -m 'Add some feature'`.
4. Push to the branch: `git push origin feature/my-new-feature`.
5. Submit a pull request.
## License
This project is licensed under the [MIT License](LICENSE).