README.md

Payfully Spotify Test

With this app you can search spotify tracks and see the current track you are listening on spotify. to be able to do it you need to sing in with an Spotyfy account

Folder Structure

Current project folder structure:

payfully-spotify/
  README.md
  node_modules/
  package.json
  .babelrc
  webpack.config.dev.js
  webpack.config.prod.js
  tools/
  src/
    actions/
    components/
      common/
      search/
      security/
      track/
      App.js
    reducers/
    store/
    styles/
    images/
    index.html
    index.js
    index.test.js
    routes.js

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode and launch window in the browser.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the normal mode.

npm test:watch

Launches the test runner in the interactive watch mode.

npm run lint

You can see any lint error in the code.

npm run build

Builds the app for production to the dist folder. It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes. By default, it also includes a service worker so that your app loads from local cache on future visits.

Your app is ready to be deployed.

Install Locally

  git clone https://github.com/duvanmonsa/payfully-spotify.git
  cd payfully-spotify
  npm install
  npm start

Application Flow

1. Login

First step is to sign in with you Spotify account.

http://localhost:3000/login

2. Search Music

Second step is search for a keyword to find a list of tracks.

http://localhost:3000/search

3. Current Track

Third step will display the current track that are currently listing on Spotify.

http://localhost:3000/track

License

Released under the MIT License. Check LICENSE for more info.