Lista e mostra detalhes dos personagens da marvel.
Este projeto conecta-se com a API oficial da Marvel https://developer.marvel.com/docs# e possui as seguintes funcionalidades;
https://personagensmarvel.vercel.app
-
Campo de busca de personagens (o nome inserido do personagem deve ser em inglês);
-
Seleção de personagens
-
Opção de detalhes do personagem
-
Pesquisar endereço de envio no mapa
Clone o projeto
https://github.com/antonio-cosmo/appCashFlow.git
Entre no diretório do projeto
cd appCashFlow
Instale as dependências
npm install ou yarn add
Antes de iniciar aplicação, insira as chaves de API do google-maps e api-marvel nos arquivos ApiMaps.ts
e ApiMarvel.ts
que se encontra no derietorio src/services
.
Inicie a aplicação no modo de desenvolvimento
npm run dev ou yarn dev
-
ReactJS utilizando vite como base;
-
React-router-dom para navegação;
-
Axios para conectar na API;
-
Styled-Components para estilização;
-
React-modal para criação do modal
-
@react-google-maps/api para criar o mapa