figma design

simple music player frontend connected to the spotify api. The goal was to nicely present exposed spotify api endpoints and organize the data on an attractive frontend. For the project, React js was used because of ease of state management with the library and also composing interfaces that are reusable and agile. Some of the challenges while developing included unavailable data from the various endpoints from the spotify api docs.

• Installation

    clone the project
    -----------------------------
    git clone https://github.com/ryanmwakio/tunifi.git

  then navigate into the project

    cd tunifi

  install all node dependencies

  npm install

  create a .env file in the root of your project

  touch .env

  navigate into the .env and store the client ID and client secret both required for authorization of requests https://developer.spotify.com/ more details for getting the id and secret on the spotify api docs.

  REACT_APP_CLIENT_ID = your id
  REACT_APP_CLIENT_SECRET = your secret

  start the project

  npm start

1. Ryan Mwakio

MIT

contact [email protected] you can extend functionality on the various navigation components on the left.