https://github.com/adrianomonteiroweb/to-do-list-project

Projeto To do list para abordar a manipulação de CSS e JavaScript com manipulação do DOM.
https://github.com/adrianomonteiroweb/to-do-list-project

css3 dom dom-js dom-manipulation html javascript javascript-dom js js-dom

Last synced: 15 days ago
JSON representation

Projeto To do list para abordar a manipulação de CSS e JavaScript com manipulação do DOM.

• Host: GitHub
• URL: https://github.com/adrianomonteiroweb/to-do-list-project
• Owner: adrianomonteiroweb
• Created: 2021-11-06T02:08:48.000Z (over 3 years ago)
• Default Branch: todolist
• Last Pushed: 2021-11-24T15:56:32.000Z (about 3 years ago)
• Last Synced: 2024-11-21T15:44:34.881Z (3 months ago)
• Topics: css3, dom, dom-js, dom-manipulation, html, javascript, javascript-dom, js, js-dom
• Language: JavaScript
• Homepage:
• Size: 2.23 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

        
# Boas vindas ao repositório do projeto To-do List!

# Habilidades:

- Manipular CSS.

- Manipular DOM com Javascript.

--- 

## O que foir desenvolvido.

- Uma lista de tarefas usando `HTML`, `CSS` e `JavaScript` manipulando DOM.

## Linter

Para garantir a qualidade do código, foi utilizado neste projeto os linters `ESLint` e `StyleLint`.

Assim o código estará alinhado com as boas práticas de desenvolvimento, sendo mais legível

e de fácil manutenção! Para rodá-los localmente no projeto, execute os comandos abaixo:

```bash

npm run lint

npm run lint:styles

```

Quando é executado o comando `npm run lint:styles`, ele irá avaliar se os arquivos com a extensão `CSS` estão com o padrão correto.

Quando é executado o comando `npm run lint`, ele irá avaliar se os arquivos com a extensão `JS` e `JSX` estão com o padrão correto.

## Cypress

Cypress é uma ferramenta de teste de front-end desenvolvida para a web.

Você pode rodar o cypress localmente para verificar se seus requisitos estão passando, para isso execute o um dos seguintes comandos:

Para executar os testes apenas no terminal:

```bash

npm test

```

Para executar os testes e vê-los rodando em uma janela de navegador:

```bash

npm run cypress:open

```

***ou***

```bash

npx cypress open

```

Após executar um dos dois comandos acima, será aberta uma janela de navegador e então basta clicar no nome do arquivo de teste que quiser executar (project.spec.js), ou para executar todos os testes clique em Run all specs.

**Para rodar o cypress é preciso ter rodado o comando npm install anteriormente.**

### Resultado do projeto: