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.
-
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.
- Exemplo com Git + HTTPS
-
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