- Ter banco de dados MySQL Workbench instalado ou apenas o XAMPP com a simulação do MySQL.
- Ter o XAMPP instalado para simular um ambiente de linguagem PHP.
- O XAMPP deve ficar no C:, caso tenha um diretório diferente, faça as devidas alterações para que o projeto funcione.
- O projeto encontrado aqui no github, deve ser extraído e colocado dentro da pasta htdocs do XAMPP, caso não saiba o caminho (C:\xampp\htdocs).
- No arquivo do projeto com o nome de conexao.php, as variáveis $SERVIDOR, $USER, $SENHA que estão representadas na imagem abaixo, devem ser preenchidas de acordo com os dados do seu localhost.
- Vá na pasta do xampp e procure por um ícone escrito: XAMPP CONTROL e clique nele para abrir.
- Após o controller do xampp abrir, clique em START nos campos do apache e do mysql e verifique se ele vai ficar verde igual o exemplo abaixo.
- Após isso, acesse agora a URL do seu localhost, caso tenha instalado o xampp no diretório C:\ como falei, basta copiar e colar esse link no seu navegador (http://localhost/api-marvel/view/index.php).
- Abra o controler do xampp e clique no icone de pasta que está escrito EXPLORER, como o exemplo abaixo.
- Ele vai abrir a pasta do xampp, procure dentro dela a pasta com o nome de phyMyAdmin, abra ela e procure pelo arquivo: config.inc
- Execute o arquivo config.inc e procure por essa frase em específico: $cfg['Servers'][$i]['password'] = ''; e dentro das ASPAS você vai definir sua senha e procure também por: $cfg['Servers'][$i]['user'] = 'root'; e no lugar da palavra root mantendo as aspas, escreva um nome para ser seu usuario e depois é só salvar o arquivo.
- Acesse no navegador o seu localhost como ensinei: (http://localhost/api-marvel/view/index.php), caso você não está usando a mesma camada de diretório, lembre-se de entrar no arquivo SCRIPT.JS e trocar o campo URL, colocando a URL correta de acordo com o caminho da pasta que contem o arquivo action.php (conforme a imagem abaixo)
- Selecione um herói na lista
- Depois que ler o nome e a descrição do herói, basta clicar em CONHECER HISTÓRIAS
- Vai te encaminhar para a tela onde tem todas as histórias daquele herói.
- PHP
- JQuery/JS/Ajax
- Bootstrap
- CSS
- API MARVEL (https://developer.marvel.com/docs#!/public/getCreatorCollection_get_0), as usadas foram: /v1/público/caracteres e v1/public/characters/characterID/stories.
- Banco de Dados MySQL (XAMPP)
- Git para versionamento de código
- Consumir a API e buscar os dados pelo nome digitado, para que encontrem qualquer herói.
- Trazer quadrinhos e séries dos heróis
- Melhorar o design
- Melhorar acessibilidade
Meu nome é Izadora Toledo, e foi um prazer para mim construir esta aplicação.