https://github.com/jonathan-r-andrade/trybewarts
https://github.com/jonathan-r-andrade/trybewarts
Last synced: 11 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/jonathan-r-andrade/trybewarts
- Owner: Jonathan-R-Andrade
- Created: 2022-09-05T06:21:15.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-12-20T21:30:56.000Z (over 3 years ago)
- Last Synced: 2025-03-14T20:46:58.043Z (over 1 year ago)
- Language: CSS
- Size: 409 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Trybewarts
Clique [aqui](https://jonathan-r-andrade.github.io/trybewarts) para ver o projeto no navegador.
## Sobre
Projeto em dupla desenvolvido por [Jonathan R. Andrade](https://www.linkedin.com/in/jonathan-r-andrade/) e [Abdel Hafiane](https://github.com/Abdel175) na [Trybe](https://www.betrybe.com/).
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
```