Skip to content

Latest commit

 

History

History
85 lines (61 loc) · 3.51 KB

Leiame.md

File metadata and controls

85 lines (61 loc) · 3.51 KB

Desafio Corelab:

Você tem a tarefa de criar um aplicativo da Web que permita aos usuários criar e gerenciar suas listas de tarefas. O aplicativo deve consistir em uma página da Web responsiva construída em React e uma API construída em Node.js para armazenar e gerenciar as listas de tarefas.

Os repositórios

O repositório frontend

Se você se sentir mais confortável, pode escolher outro framework React e nos mostrar suas habilidades.

O repositório de backend

Se você se sentir mais confortável, pode escolher outro framework Node JS e nos mostrar suas habilidades.

O layout

Abra o mockup do layout na versão desktop e mobile e siga este design o máximo possível.

O aplicativo deve ter as seguintes funcionalidades:

  1. Os usuários devem ser capazes de criar, ler, atualizar e excluir itens de tarefas usando a API.
  2. Os usuários devem poder marcar um item como favorito.
  3. Os usuários devem poder definir uma cor para cada item de tarefa.
  4. O front-end do React deve exibir a lista de tarefas do usuário de maneira responsiva e visualmente atraente, com a capacidade de filtrar por itens e cores favoritos.
  5. Os itens favoritos devem ser exibidos no topo da lista.

Requerimentos técnicos:

  1. A API de back-end deve ser construída na estrutura Node.js e usar um banco de dados de sua escolha (por exemplo, MongoDB, PostgreSQL, etc.).
  2. O front-end deve ser construído em React e usar ferramentas modernas de desenvolvimento web e melhores práticas.
  3. O aplicativo deve ser responsivo e visualmente atraente.

Entregáveis:

  1. Um link para um repositório GitHub contendo o código-fonte completo do projeto.
  2. Uma descrição por escrito de como configurar e executar o aplicativo localmente.

Critério de avaliação:

  1. Qualidade do Código
  2. Formato do código
  3. Desempenho do código
  4. Design de front-end
  5. Se o seu código é fácil de entender
  6. Abordagem Mobile First
  7. Responsabilidade do Código
  8. Trabalho de Funcionalidades
  9. Capacidade de resposta
  10. O aplicativo atende aos requisitos de funcionalidade listados acima?
  11. O código está bem organizado, fácil de ler e bem documentado?
  12. As ferramentas modernas de desenvolvimento da Web e as melhores práticas são usadas?
  13. O aplicativo é visualmente atraente e responsivo?

Backend

Repositório:

  1. Node: ^16.15.0
  2. NPM: ^8.5.5
  3. Framework: Adonis TS ou qualquer outro framework de node que você conheça.
  4. Banco de dados: Escolha o seu, você pode até salvar na memória.

Frontend

Repositório:

  1. Node: ^16.15.0
  2. NPM: ^8.5.5
  3. Framework: React TS
  4. Sass ou outro pré-processador

Quer nos impressionar ainda mais?

Se você se sentir confortável e quiser nos impressionar ainda mais, você pode fazer o seguinte:

  1. Trabalhe nas tipagens e interfaces corretas
  2. Trabalhe nas regras do eslint
  3. Trabalhe com configuração do prettier
  4. Trabalhe em containers docker
  5. Trabalhe em testes
  6. Trabalhe em CI/CD

O que fazer quando terminar?

Crie um arquivo PULL_REQUEST.md onde você irá descrever o que você fez e como com o máximo de detalhes possível. Sinta-se à vontade para adicionar vídeos para uma melhor explicação.

Crie uma nova solicitação pull usando o mesmo nome de ramificação para back-end e front-end

Envie-nos os pull requests e pronto!

Boa sorte! O céu é o limite 🚀