O projeto foi desenvolvido como um desafio pessoal para meus colegas e eu, consiste em criar um site simples onde será
necessário consumir o conteudo de uma das APIs, e mostrá-las de forma dinamica e criativa.
O objetivo principal do defafio é consumir de maneira certa uma API, evitando ao máximo a perde dados e demora durante as requisições dos dados,
além de trabalhar a criatividade durante a criação do site, já que o defaio não limita com o uso de frameworks ou plugins especificos.
Inicialmente o projeto começou com a utilização de Tailwind, mas para ter um melhor desafio, optei por
utilizar o styled-component que é uma biblioteca (lib) que utiliza o conceito de CSS-in-JS, ou seja,
que nos permite escrever códigos CSS dentro do Javascript. Foram utilizados também Hooks do React como useEffect, useState, useContext e outros, e o axios para
consumo da API.
Para ver o projeto funcionando, necessário se cadastrar no site da https://developer.marvel.com/, pegar as chaves de acesso PUBLIC_KEY e PRIVATE_KEY.
Após baixar o projeto em sua máquina, dê o comando...
npm install
para instalar as dependências necessárias.
Em seguida crie uma pasta na raiz do projeto com o nome .env, será nesse arquivos que você colocará as chaves de acesso que o site da marvel lhe deu.
REACT_APP_PRIVATE_KEY=""
REACT_APP_PUBLIC_KEY=""
Coloque as chaves dentro das aspas, e o projeto já esta rodando normalmente.
Desafio de API
O objetivo principal é criar um Web site estruturado de forma organizada, tendo como foco a experiencia do usuário.
Deve ser utilizado uma das APIs que iremos disponibilizar, sendo elas gratuitas e de facil acesso.
OBS: algumas possivelmente irão solicitar o Login em seus sites, caso tenha dificuldade falar com o coleguinha.
Caso venha a ter dificuldade na utilização das APIs, será permitido a utilização de server.json, para criar uma API local, sendo essa utilizada na criação do
projeto.
Para criação do site não a restrição de linguagem, plataforma utilizada para codar ou framework para utilizar no CSS.
APIs
Marvel:
https://developer.marvel.com/
Pokémon:
https://pokeapi.co/
IMDb:
https://developer.imdb.com/
NASA:
https://api.nasa.gov/