A website using the Spotify Web API to search for artists and then display their genres.
Explore the docs »
View Demo
·
Report Bug
·
Request Feature
The original "Genre Checker" project was created so that I could learn about APIs. This version is focused on learning how to do it while using the React framework. You are free to fork and reuse it as you please.
To get a local copy up and running follow these simple steps.
- Navigate to a folder where you would like to store the repo
- Clone the repo
git clone https://github.com/icanseetime/genre-checker-react.git
- Install dev dependencies by running either either
npm install
oryarn install
in the terminal
-
Go to Spotify Developer Dashboard and log in with your Spotify account.
-
Create an app and note the client ID and client secret for the app
-
Create a .env file and add
REACT_APP_CLIENT_ID=<Your Client ID from Spotify> REACT_APP_CLIENT_SECRET=<Your Client Secret from Spotify>
-
Start the project by entering
yarn start
ornpm run start
into the terminal. -
Go nuts.
The site is pretty straightforward. You search for an artist name, and the site displays up to 20 of the more popular artists from the Spotify API. You can then click on the name or picture of one of these artists, and the site will display the artist along with their genres from Spotify. You can also then click the artist name, which will take you to the artist page on Spotify (web or app, depending on your own settings).
For more information, please contact me directly.
You are free to copy and use this as you please. If you find any bugs or issues, I would really appreciate it if you either let me know or you fixed it and created a pull request 😀
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Add some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
Isak - imgjeits@stud.ntnu.no
Project Link: https://github.com/icanseetime/genre-checker-react