Overview

Code Challenge for Empathy (Spotify Search 🎵)

Project running with:

• Javascript / React
• Redux for manage global state
• CSS vanilla
• Static module bundler with Webpack
• Babel for transpiler code
• Atomic Design for methodology of design sytem
• Testing with Jest
• Formatter with prettier and esLint
• Spotify Web API for Authorization and Search functionality

Setup

Clone the project

git clone https://github.com/javigonz/Spotify-API-Search.git

Install dependencies (node v10.x is minimum requirement)

npm install

Run locally

npm run start

Run in http://localhost:3000

Test / Coverage

npm run test

npm run test:coverage

Report docs ready to have a look into /coverage/lcov-report folder

Lint & Prettier

It checks code with esLint and prettier

npm run lint

npm run prettier

Deploy

npm run build

Core code ready to use in /build folder

Github Workflow

Added automatic Pipeline workflow in each push action (Steps => lint, test:coverage and build)

https://github.com/empathyco/people-takehome-empathyx-vue-javier-gonzalez/actions

Web API Spotify Info

Authorization API: https://developer.spotify.com/documentation/general/guides/authorization-guide/

Search API: https://developer.spotify.com/documentation/web-api/reference/#category-search