Trybewarts

Clique aqui para ver o projeto no navegador.

Sobre

Projeto em dupla desenvolvido por Jonathan R. Andrade e Abdel Hafiane na Trybe.

Nesse projeto, nós desenvolvemos uma página de formulário da Escola de Magia de Trybewarts, onde é possível enviar feedbacks sobre a escola. O tema desse projeto é baseado na obra 'Harry Potter', de J. K. Rowling.

Habilidades desenvolvidas

  • Criar formulários em HTML;
  • Utilizar CSS Flexbox para criar layouts flexíveis;
  • Criar regras CSS específicas para serem aplicadas a dispositivos móveis.

Ferramentas utilizadas

  • HTML5
  • CSS3
  • JavaScript ES6+
  • Node.js v14

Como executar

Siga os passos abaixo executando os comandos no terminal.

  1. Clone o repositório.

    • Exemplo com Git + HTTPS
      git clone https://github.com/Jonathan-R-Andrade/trybewarts.git
      
    • Exemplo com Git + SSH
      git clone git@github.com:Jonathan-R-Andrade/trybewarts.git
      
    • Usando GitHub CLI
      gh repo clone Jonathan-R-Andrade/trybewarts
      

    Entre na pasta do repositório clonado.

  2. Instale as dependências:

    npm install
    

Executando a aplicação

Entre na pasta src e abra o arquivo index.html no navegador.


Executando os linters

Para garantir a qualidade do código os linters ESLint e StyleLint foram utilizados, para rodá-los, execute os comandos abaixo:

  • Para rodar o ESLint:
    npm run lint
    
  • Para rodar o StyleLint:
    npm run lint:styles