Spotifind is a web application that allows users to search for songs, create custom playlists, and save them to their Spotify account. It utilizes the Spotify API for searching tracks and managing playlists.
- Search for songs, albums, or artists on Spotify.
- View search results and add desired tracks to a custom playlist.
- Create and edit custom playlists.
- Save custom playlists to your Spotify account.
- React.js: Frontend development
- Spotify Web API: Integrating Spotify functionality
- HTML/CSS: Styling the application
- JavaScript: Programming logic
To get started with Spotifind, follow these steps:
- bashCopy code
- git clone https://github.com/mlshere/spotifind.git
- bashCopy code
- cd spotifind
- npm install
-
Create a Spotify Developer account and obtain your client ID:
- Go to the Spotify Developer Dashboard.
- Create a new application and note down the client ID.
-
Configure environment variables:
-
Create a .env file in the root directory of the project.
-
Add the following:
- REACT_APP_SPOTIFY_CLIENT_ID=YOUR_SPOTIFY_CLIENT_ID
- REACT_APP_SPOTIFY_CLIENT_SECRET=YOUR_SPOTIFY_CLIENT_SECRET
- REACT_APP_SPOTIFY_REDIRECT_URI=http://localhost:3000/callback
-
-
bashCopy code
- npm start
- Open your browser and navigate to
- http://localhost:3000/ to use Spotifind.
Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue on GitHub or submit a pull request.
This project is licensed under the MIT License.