https://github.com/itswendell/playlist-generator-spotify

A playlist generator build in React for Spotify playlists based on seeds
https://github.com/itswendell/playlist-generator-spotify

music playlist-generator react spotify spotify-playlist spotify-web-api

Last synced: about 2 months ago
JSON representation

A playlist generator build in React for Spotify playlists based on seeds

• Host: GitHub
• URL: https://github.com/itswendell/playlist-generator-spotify
• Owner: ItsWendell
• License: mit
• Created: 2018-12-14T17:18:23.000Z (almost 7 years ago)
• Default Branch: develop
• Last Pushed: 2019-01-12T14:00:14.000Z (almost 7 years ago)
• Last Synced: 2025-04-10T17:34:34.022Z (6 months ago)
• Topics: music, playlist-generator, react, spotify, spotify-playlist, spotify-web-api
• Language: JavaScript
• Homepage: https://spotify-playlist-generator.now.sh
• Size: 1.55 MB
• Stars: 7
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
# Playlist Generator for Spotify

Easily generate spotify playlists based on the Recommendations api from spotify.

[![Latest Release](https://img.shields.io/github/release/ItsWendell/playlist-generator-spotify/all.svg?style=flat-square)](https://github.com/ItsWendell/playlist-generator-spotify/releases)

[![Build Status](https://img.shields.io/travis/com/ItsWendell/playlist-generator-spotify/develop.svg?style=flat-square)](https://travis-ci.com/ItsWendell/playlist-generator-spotify)

## Start Developing

To get started playing around in this app first ofcourse clone this repo. 

This web app is build using a minimal Create React App setup and is all client-side. The app directly connects to the Spotify API. 

In order to connect to the Spotify Web API you need a Client ID in your environment variables. Create one at the [Spotify Developer Dashboard](https://developer.spotify.com/dashboard/) for free.

For local development copy the `.env.example` into `.env` and set your `REACT_APP_SPOTIFY_CLIENT_ID` to your custom client ID.

After that start the same way as any Create React App.

```bash

$ npm install

$ npm start

```

## Deploying

Want to deploy directly into a instance live on [Zeit Now](https://zeit.co/now)? It's really easy. First we need to add your client ID into your 'secrets' environment variables in Zeit.

Then we can simply deploy `now`.

```bash

$ now secret add REACT_APP_SPOTIFY_CLIENT_ID=YOUR_CLIENT_ID

$ now

```

## Resources

* [Atomic Design Principles](https://github.com/ItsWendell/playlist-generator-spotify) - Methodology for creating design systems.

* [Zeit Now](https://zeit.co/now) - Global Serverless Deployments.

* [Create React App](https://github.com/facebook/create-react-app) - Set up a modern web app by running one command.

* [Spotify Web API](https://developer.spotify.com/documentation/web-api/reference/) - Spotify Web API Documentation.

* [Ant Design](https://ant.design/) - Design System and Component Library.

## Contributing

Contributions are always welcome.

This project is open source, and anyone may contribute.

To keep the project healthy and running smoothly, a couple of rules are defined.

1. Keep it friendly and accessible at all times.

2. Use the templates adequately with the required information.

3. Adhere the code styling and make sure CI passes.

Make something awesome!

## License

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

--- ---



    Made with :heart: