Tips from @luizotcarvalho

• Explain the .env in the README
• Remove or rename the visual folder inside Components which doesn't make sense at all
• The extractErrorFromResponse should be an interceptor
• Make all imports the same way, some of them are using '@/...' others using '../...'
• Make all components "dumb", the pages components should only call the API

A basic gh actions workflow

• linter

Having a slow network, we'll need:

• progress bar in the task list
• progress bar in the save button
• review all api endpoints calls

• find a great unity or e2e test framework, is cypress a good one?
• write at least 1 test to help the development
• create a npm run test entry inside the package.json
• add some documentation about the tests

Seria interessante tentar permitir que o usuário agrupe suas anotações por tema ou por categoria, por exemplo: Trabalho, Estudos, Tarefas, Projetos, etc.

Mais pra frente também poderia permitir que o usuário também consiga escolher uma cor para o card(isso reproduziria o google keep) ou para os cards numa categoria (isso o google keep não tem ^^)

Espero que goste das ideias, e desejo sucesso nos estudos e no desenvolvimento do projeto.

Gostaria também de parabenizar vocês pela iniciativa, tá muito bom o design e bem interativo!

• It'd be better having better pages style (a.k.a CSS)

desta forma, apenas o comando nvm install irá instalar a versão correta do projeto

It's better import all the vuetify library instead of add one by one in the src/plugins/vuetify.js

Make all components "dumb", the pages components should only call the API

• When we add task inside a real backend API, it should create/update the fields createdAt and updatedAt automatically
• Using the json-server, it's possible to do this as soon the id is auto populated

It'd be amazing if someone could:

• test it on windows
• add what's difference in the usage and installation
• please, update the README

• [Task create] [Task update] Using the Vuetify UI componente, it'd be nice openup a date picker to choose a due to date.
• [Task list] Show the due to date in the main page (it should use or add a VueJs filter). It might add the filters folder inside the structure

How could we improve the components folder to be more atomic design style?

Check if the lint-staged works:

"devDependencies": {
    ...
    "lint-staged": "^8.1.5",
  },
  "gitHooks": {
    "pre-commit": "lint-staged"
  },
  "lint-staged": {
    "*.{js,vue}": [
      "vue-cli-service lint",
      "git add"
    ]
  }

Most of the projects will need those folders

• Add any style to make sure SCSS is working and define where its place