https://github.com/javpet/spotifysearch-react-ticketswap
Simple Spotify web search React Component using the Spotify Web API
https://github.com/javpet/spotifysearch-react-ticketswap
api component react search spotify web
Last synced: about 2 months ago
JSON representation
Simple Spotify web search React Component using the Spotify Web API
- Host: GitHub
- URL: https://github.com/javpet/spotifysearch-react-ticketswap
- Owner: javpet
- Created: 2017-11-11T20:02:59.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-11-15T18:24:02.000Z (over 8 years ago)
- Last Synced: 2025-10-29T10:56:19.053Z (8 months ago)
- Topics: api, component, react, search, spotify, web
- Language: JavaScript
- Size: 558 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Spotify Search
Simple Spotify Search using the Spotify Web API helper.
!Note currently only returning tracks from the searched artist --> other implementations later
## Spotify API
Because we are using the Spotify API you need a Spotify account. It could be a new free account or your existing account (no extra permissions needed). You can see more details about the API [here](https://developer.spotify.com/web-api/).
The [Spotify web API](https://github.com/JMPerez/spotify-web-api-js) helper is already included, so you can easily query for the different types of data you want. Check the [repo](https://github.com/JMPerez/spotify-web-api-js) for more details on how to.
You can import and use the Spotify web API helper by importing it in the JS file like so:
```
import spotifyApi from 'utils/spotify'
```
#### Installing dependencies
```
npm install
```
#### Start development server
```
npm start
```
The server will start at [localhost:1337](http://localhost:1337)
You can edit the JS files at `./src/js` and the sass files at `./src/css`. After making changes to the files the server will automatically reload the page. If you want to make changes to the HTML file you can find it at `./dist/index.html`.
#### Start build
```
npm run build
```
This will generate all the files needed for a full exported build. For convenience it also starts up a server to easily test the build.
### References
- [React docs](https://reactjs.org/docs/hello-world.html)
- [Spotify API docs](https://developer.spotify.com/web-api/)
- [Spotify web API helper docs](https://github.com/JMPerez/spotify-web-api-js)
- [SASS docs](http://sass-lang.com/documentation/file.SASS_REFERENCE.html)