Skip to content

A React website using the Spotify Web API to search for artists and then display their genres.

Notifications You must be signed in to change notification settings

icanseetime/genre-checker-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Contributors Forks Stargazers Issues


🎶

Genre Checker || React version

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

Table of Contents

  1. About The Project
  2. Getting Started
  3. Usage
  4. Contributing
  5. Contact
  6. Acknowledgements

About The Project

Product Name Screen Shot

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.

Built With

  • React
  • CSS
    • Skeleton (responsive CSS boilerplate)
    • Normalize.css (browser reset)

Getting Started

To get a local copy up and running follow these simple steps.

Installation

  1. Navigate to a folder where you would like to store the repo
  2. Clone the repo
    git clone https://github.com/icanseetime/genre-checker-react.git
  3. Install dev dependencies by running either either npm install or yarn install in the terminal

Setup

  1. Go to Spotify Developer Dashboard and log in with your Spotify account.

  2. Create an app and note the client ID and client secret for the app

  3. Create a .env file and add

    REACT_APP_CLIENT_ID=<Your Client ID from Spotify>
    REACT_APP_CLIENT_SECRET=<Your Client Secret from Spotify>
    
  4. Start the project by entering yarn start or npm run start into the terminal.

  5. Go nuts.

Usage

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.

Contributing

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 😀

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

Contact

Isak - imgjeits@stud.ntnu.no

Project Link: https://github.com/icanseetime/genre-checker-react

Acknowledgements

About

A React website using the Spotify Web API to search for artists and then display their genres.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published