jals990 / mani-beats

Desafio Front Pleno ❤️‍🩹 Manipulaê (Com NextJs)

WebApp consumindo API Deezer.

🧑🏽‍💻 Sobre o projeto

Foi desenvolvido um micro portal, onepage onde visualização das principais músicas no momento do Deezer, permitindo adicionar em uma lista de favoritos e pesquisar músicas.

Detalhes do desafio, clique aqui: Desafio

🚀 Tecnologias

Tecnologias utilizadas na construção desta API

• Styled Components
• React
• Axios
• Redux
• Redux-Saga
• NextJs

💻 Let's Go

Para rodar em sua máquina localmente

# Clone o projeto e acesso o diretório para utilzação
$ git clone https://github.com/jals990/mani-beats.git && cd mani-beats

# Ronomeie o arquivo .env.example para apenas .env
# Preencha as variáveis 
REACT_APP_NODE_ENV=
REACT_APP_API_URL=

A API do Deezer é pública não necessitando de credenciais

Próximos passos

# Instale as dependências
$ yarn

# Para iniciar a aplicação execute o comando abaixo
$ yarn start

# 🚀 WebApp no ar!
Made with 🚀 by Juarez Silva ✌🏾

👀 Disclaimer

Este é um complemento do projeto sem NextJs, como tenho bastante dominio em Redux-Saga foquei no que sabia inicialmente. Trtavei neste projeto no pré carregamento dos dados usando os novos Hooks para disparar o consumo da API e alimentar o state, onde as páginas buscariam pelo state ao invés de receber via props.

Desafio sem NextJs