pinhob / todo-frontend-blitz-carreira

Frontend da aplicação Todo List do desafio da Blitz de Carreira da Trybe

🗒️ Todo Ebytr | Desafio Blitz de Carreira Trybe

Neste repositório está o Front-end do desafio técnico da Ebytr. É uma aplicação de Todo List que permite que o usuário insira, edite, gerencie o status e exclua tarefas.

http://todo-ebytr.vercel.app/

---

Sumário

• Contexto do desafio
• Stack utlizada
• Rodando o projeto
  • Pré-requisitos
  • Clonando o repositório
  • Instalando as dependências
  • Rodando o projeto
  • Rodando a suíte de testes
• Próximos passos

Contexto do desafio

A empresa Ebytr está passando por problemas de produtividade/controle porque as pessoas colaboradoras vêm tendo dificuldade na organização de suas tarefas individuais. Por esse motivo, a diretora de produto Carolina Bigonha decidiu implantar uma nova forma de organizar as tarefas. Você foi a pessoa contratada para desenvolver um sistema capaz de auxiliar as pessoas colaboradoras a se organizar e ter mais produtividade.

Stack utilizada

Para este desafio utilizei a stack MERN. Neste repositório você encontra a aplicação em React.

Rodando o projeto

Pré-requisitos:

Para rodar este projeto é necessário que você tenha instalado:

• Node, na versão 14.6 ou maior;
• NPM, na versão 7.21ou maior;

Clonando o repositório

Clone o repositório inserindo os seguintes comandos em seu terminal:

git clone [e-mail]:pinhob/todo-frontend-blitz-carreira.git
cd todo-frontend-blitz-carreira

Instalando as dependências

Dentro do diretório do projeto, rode em seu terminal o comando para instalar as dependências:

npm install

Com isso será descarregado o node_modules e instalada as seguintes dependências:

• create-react-app
• React Hook Form

Rodando o projeto

Execute o projeto com o comando:

npm start

Rodando a suíte de testes

Foram criados diferentes testes para validar a funcionalidade e usabilidade da aplicação. Você pode rodá-los utilizando o comando:

npm run test

Ou de forma individual utilizando o comando:

npm run test <nome-do-arquivo>

npm run test todolist
npm run test todo
npm run test form

Próximos passos

Alguns dos próximos passos para a aplicação são:

• Integrar com o Back-end e armazenar a lista de tarefas do usuário;
• Carregar as tarefas já inseridas quando a aplicação for recarregada;
• Aumentar a cobertura de testes dos compoentes;
• Adicionar a dependência React Select para estilizar os campos de select dos formulários de inserção e edição de todos;
• Adicionar a dependência Font Awesome para estilizar os botões de Editar e Deletar de cada todo;
• Corrigir detalhes de estilização, como o posicionamento dos componentes na tela;

---

Parte da estrutura deste repositório se inspiroou na do colega Murilo Valença. Obrigado por compartilhar com a gente, Murilo! 🚀