Landing page desenvolvida em React para o processo seletivo para a vaga de Desenvolvedor VTEX IO da empresa Stefanini. Esta landing page consome dados da API de personagens do Harry Potter, fornecida pela empresa. Após leitura dos dados, é exibido informações como foto dos personagens, nome, data de nascimento, casa a que pertence, patrono, ator principal e status de vida dos personagens.
Link de acesso: Landing Page
- React: Biblioteca JavaScript para construção de interfaces de usuário. (v18.3.1)
- Node: Ambiente De execução JavaScript server-side que executa aplicações de formas autônomas. (v18.20.4)
- NPM: Gerenciador de pacotes e bibliotecas do Node.js. (v10.7.0)
- SCSS: Usado para estilização, permitindo o uso de variáveis, aninhamento e outros recursos avançados de CSS. (v1.77.8)
- API de Harry Potter: hp-api.onrender.com para obtenção dos dados dos personagens.
Certifique-se de ter o Node.js e o npm instalados em sua máquina.
Siga os passos abaixo para executar o projeto localmente:
-
Clone este repositório:
git clone https://github.com/soupaulogomes/lp-harry-potter.git
cd lp-harry-potter
-
Instale as dependências:
npm install
-
Inicie o servidor de desenvolvimento:
npm start
Isso abrirá o projeto no link http://localhost:3000.