Harry Potter Characters Landing Page

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

Tecnologias Utilizadas

• 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.

Pré-requisitos

Certifique-se de ter o Node.js e o npm instalados em sua máquina.

Instalação

Siga os passos abaixo para executar o projeto localmente:

1. Clone este repositório: git clone https://github.com/soupaulogomes/lp-harry-potter.git cd lp-harry-potter

2. Instale as dependências: npm install

3. Inicie o servidor de desenvolvimento: npm start

Isso abrirá o projeto no link http://localhost:3000.