Esse desafio foi feito a partir dos requisitos pedidos pela a empresa baseado na api https://developer.marvel.com/

“Aprender é a única coisa de que a mente nunca se cansa, nunca tem medo e nunca se arrepende”!

Sobre o desafio   |    Link do deploy   |    Demonstração   |    Pré-requisito   |    Tecnologias   |    Licença

O teste que consiste em desenvolver uma aplicação React.js que consome a API da Marvel (https://developer.marvel.com) para listar os quadrinhos (comics). Ao clicar em um quadrinho, deve ser exibido o detalhe do quadrinho. Dentro da tela do detalhe do quadrinho, também deve ser exibido o detalhe do personagem principal do quadrinho. O layout do site fica por sua conta.

Também é necessário consumir uma api de autenticação (Github por exemplo) e tanto a listagem quanto os detalhes dos quadrinhos só podem ser acessados uma vez que esteja logado, então deve haver uma tela de login também.

Seu Projeto deve ser em React

• Você deve usar o React Router (Use Rotas protegidas de acesso não autenticado)
• Use hooks customizados (onde fizer sentido - Bônus)
• Use a API Context (onde fizer sentido - Bônus)
• Use o Redux
• Você deve usar algum sistema de autenticação (Github, Facebook, Google, etc)
• Exiba o nome e o email do usuário em algum lugar da página, ex. no header

1. Segue o link de acesso ao deploy DESAFIO SOMAPAY.

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js e/ou Yarn. Além disto é bom ter um editor para trabalhar com o código como VSCode

• Possuir contas na Netlify para deploys de front

# Clone este repositório
$ git clone https://github.com/Sauloleocadio/challenge-somapay.git

# Navegue até a pasta
$ cd challenge-somapay

# Instale as dependências
$ criar um arquivo .env no diretório com as variáveis de ambiente com as key do firebase e da api da marvel

# Instale as dependências
$ yarn

# Execute a aplicação
$ yarn start

• Login de usuário
• Listagem de quadrinhos
• Detalhamento completo dos quadrinhos e personagens principais
• Conexao com github e gmail com firebase

Esse projeto foi desenvolvido com as seguintes tecnologias:

• React
• React-Redux
• Redux
• Javascript

Esse projeto foi utilizou das seguintes lib:

• react-redux
• react-router-dom
• axios
• react-icons
• firebase

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

Feito com ♥ by SAULO LEOCÁDIO 👋 , qualquer dúvida SÓ CHAMAR