Aplicação Spotify usando Redux, Redux-Saga, Ducks, React Router, react-sound, React Slider, styled-components, JSON Server e Reactotron.

• Capturas de Tela

  • Navegar

  • Playlist

• Desenvolvimento

  • Configuração do Ambiente

  • Instalação do Projeto

  • Execução do Projeto

  • Execução da API

• Utilizados no Projeto

  • Bibliotecas

  • APIs

  • Ferramentas

Esta é a primeira tela, onde encontram-se todas as playlists vindas da API.

Nesta tela estão todas as músicas da playlist selecionada, podendo selecioná-las com um clique ou executá-las com um duplo clique, também é possível dar pause, play, ir para a próxima, ir para a anterior, escolher uma parte da música pelo controle deslizante ou ajustar o volume da música.

Clique aqui e siga Configuração de Ambiente.

Clique aqui e siga Instalação de Projeto.

Clique aqui e siga Execução de Projeto para Desenvolvimento ou Construção e Execução de Projeto para Produção.

Clique aqui e siga Execução de API.

• Axios

• Create React App

• Ducks

• eslint-config-airbnb

• eslint-plugin-import

• eslint-plugin-jsx-a11y

• eslint-plugin-react

• JSON Server

• prop-types

• React Redux

• React Slider

• react-router-dom

• react-sound

• reactotron-react-js

• reactotron-redux

• reactotron-redux-saga

• Redux

• Redux-Saga

• styled-components

• API do Json Server

  • Rotas

    • Playlists

      • Busca dados de todas as playlists
      • Busca dados de todas as músicas de uma playlist

• Reactotron