Página criada pra o Pedido Pago Challenge (front-end).
O desafio consiste em criar uma página que consome os dados da Marvel API, utilizando as seguintes tecnologias:
- axios - para consumo da API;
- nextjs - Biblioteca usada para o desenvolvimento da aplicação;
- material-ui - Utilizado para a estilização dos components.
Também utilizei as seguintes tecnologias:
- typescript - inserir tipagem em JavaScript;
Para iniciar a aplicação, é necessário instalar as bibliotecas e depois iniciar a execusão do projeto.
- Para instalar as bibliotecas, criar o arquivo com suas credenciais da Marvel API e posteriormente, executar o projeto.
Para que o projeto consiga ter acesso aos seus dados, é necessário cadastrar na Marvel API para ter suas chaves pública e privada. Com ambas, crie um arquivo com o nome .env.local
Dentro deste arquivo, insira suas chaves do seguinte modo:
NEXT_PUBLIC_MARVEL_API_PUBLIC_KEY=
NEXT_PUBLIC_MARVEL_API_PRIVATE_KEY=
- Após criar este arquivo, você pode instalar as bibliotecas, executanto:
yarn ou npm install ou npm i
- Para executar o projeto, utilize:
yarn dev ou npm dev
Para ver seu funcionamento, abra a página em: http://localhost:3000/
O projeto está configurado para criar páginas estáticas durante o processo de "build".