📂 Batalha de Herois

O desafio deste projeto consiste em apresentar uma lista de diversos Meta-humanos/ Herois além do usuário poder realizar uma pesquisa com o nome do Meta-humano/ Heroi que procura.

Ainda é possível o usuário selecionar 2 Meta-humano/ Heroi escolhido por ele para fazer uma comparação de qual dos dois escolhidos possui os poderes mais fortes, o resultado será exibido em tela por meio de um card com as informações dos dois selecionados e o nome do vencedor.

📃 Sobre o projeto

Este projeto foi desenvolvido com o objetivo de reproduzir e desenvolver um projeto onde é possivel visualizar informações dos Meta-humanos/ Herois de uma API RESTful, algumas funcionalidades. São elas:

Listagem de heróis

Exibir a imagem e nome de cada Meta-humanos/ Herois que possui na API.

Filtro por busca com entrada de dados

Permitir o usuário pesquisar por um Meta-humanos/ Herois por meio de um campo onde é possivel digitar o nome do heroi que busca.

🚀 Tecnologias usadas

Esse projeto foi desenvolvido com as seguintes tecnologias:

Frontend

JavaScript | JSX
Biblioteca React
Styled-components
CSS
HTML

💻 Intalação do projeto

Pré-requisitos

React 17.0.2
Npm/ Yarn
Nodejs

Passo a passo

1 - Clone este repositório;
git clone https://github.com/DeboraLara1/batalha-heroi.git

2 - Entre na pasta do projeto
cd ./heroi

3 - Instalar pacote de dependências para fazer build do projeto;
npm install

4 - Executar/subir projeto;
npm start