Projeto realizado durante a ação ":rotating_light: Blitz de carreira :rotating_light:" da Trybe.
- Habilidades
- Missão
- Data de entrega
- Rodando o projeto localmente
- Deploy
- Continuação do projeto
- Considerações finais
Nesse projeto busquei demostrar minhas habilidades com:
- HTML, CSS e JS
- React
- React hooks
- Context API
- Navegação com React-Router-DOM
- Bootstrap
- Git
**Contexto:**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. Na Ebytr o time de desenvolvimento utiliza a Stack MERN para criar suas aplicações. Foi combinado com a Ebytr que você utilizará essa mesma Stack para resolver o problema de organização e produtividade da empresa.Abaixo estão (i) os requisitos técnicos, (ii) as funcionalidades, (iii) critérios de avaliação do desafio e (iv) algumas dicas importantes.Requisitos técnicos:
- Front-End em React;
- Back-End em NodeJS, com MongoDB;
- Arquitetura em camadas;
Funcionalidades:
- Visualizar a lista de tarefas;
- Esta lista deve ser ordenável por ordem alfabética, data de criação ou por status;
- Inserir uma nova tarefa na lista;
- Remover uma tarefa da lista;
- Atualizar uma tarefa da lista;
- A tarefa deve possuir um status editável: pendente, em andamento ou pronto;
- Dia 05/11(Sexta-feira) às 12h.
Para rodar o projeto localmente siga os seguintes passos:
-
Clone o repositório com o comando
git clone
. Utilize a URL[email protected]:Lima08/whatdoido-frontEnd.git
. -
Entre na pasta do projeto e instale as dependências utilizando o comando
npm install
no terminal. -
Ainda no terminal utilize o comando
npm start
para iniciar a aplicação.
A aplicação está configurada para consumir o back-end construído para esse projeto. Caso queira utilizar o back-end localmente você pode clonar o seguinte repositório:
[email protected]:Lima08/whatDoIDo-backEnd.git
Feito isso será necessario trocar a URL da linha 2 do arquivo index.js
da pasta services desse projeto para a URL do seu localhost.
Utilizei Heroku para deploy da aplicação. A mesma está disponível nesse link aqui!
Para a continuação do projeto e melhoria de suas funcionalidades segue alguns possíveis caminhos:
- Criação dos testes da aplicação.
- Versão sem login utilizando o localstorage para salvar as preferências do usuário.
- Adicionar calendário com as próximas tarefas.
- Configurar a página
NotFound
.
Gostaria de agradecer toda equipe Trybe por essa oportunidade de colocar meus conhecimentos em prática. Essa aplicação foi feita com muita dedicação e é fruto dos meus estudos atuais. Qualquer dúvida ou sugestão fique a vontade para me passar seu feedback. 🎯👨💻
Agir, eis a inteligência verdadeira. Serei o que quiser. Mas tenho que querer o que for. O êxito está em ter êxito, e não em ter condições de êxito. Condições de palácio tem qualquer terra larga, mas onde estará o palácio se não o fizerem ali?
Fernando Pessoa SOARES, B. Livro do Desassossego. Vol.II. Lisboa: Ática. 1982. 85p.