Spotifood is an Web application to explore the preferred playlists from iFood's customers.

This project was build in ReactJS with typescript template and it is structured like following:

└── src
    ├── __tests__
    ├── assets
    ├── components
    │   └── ComponentName
    │       ├── index.tsx
    │       └── styles.ts
    ├── constants
    ├── hooks
    ├── pages
    │   └── PageName
    │       ├── components
    │       │   └── ComponentName
    │       │       ├── index.tsx
    │       │       └── styles.ts
    │       ├── index.tsx
    │       └── styles.ts
    ├── services
    ├── styles
    └── utils

Also it uses some code patterns to mantain code organization:

• EditorConfig
• ESLint (AirBNB style guide)
• Prettier

The tests are written using Jest and Enzyme to test Components.

Clone the repository and install its dependencies running:

yarn

You will need to register your app and get your own credentials from the Spotify for Developers Dashboard.

To do so, go to your Spotify for Developers Dashboard, create your application and registered this Redirect URI:

• http://localhost:3000 (needed for the implicit grant flow)

Once you have created your app, replace the client_id, in apiConfig.ts file with the one you get from My Applications.

To run the application:

yarn start

Then, it will be opened http://localhost:3000 in the browser.

To run the tests:

yarn test