ToDo - Organize seu dia

• Descrição;
• Etapas;
• Tecnologias;
• Imagens;
• Contatos;
• Desenvolvedores;

Descrição

Aplicativo de registro de tarefas baseado no app To Do da Microsoft. Com funcionalidades de personalização de temas e cores. Além de ter data e hora embutidos no aplicativo. OBS: Por hora será somente em mobile, mas pretendo torná-lo responsivo!

Etapas

Mobile First

Estilização

• Aplicação:

  • Organizar o CSS;

• Header:

  • Logo;
  • Horário local do usuário;

• Body:

  • Data e dia da semana;
  • Campo para inserir tarefa;
  • Botão de Confirmar nova tarefa;
  • Botão de Resetar Campo;
  • Lista não ordenada para a exibição de tarefas;
  • Botão de conclusão na tarefa;
  • Botão de excluir tarefa;
  • Botão de exibição de lista de tarefas concluídas;
  • Lista de tarefas concluidas;
  • Opções de personalização de background;
  • Estilizar tarefa inclusa;
  • Corrigir bug de tarefa concluida não estilizada;

Funcionalidades

• Header:

  • Horário Local em funcionamento;

• Body:

  • Data e dia atualizados;
  • Resetar Campo de input ao clicar no botão Reset;
  • Botão de conclusão de tarefa marcado ao clicar, e marcando tarefa;
  • Transferir tarefa para a lista de tarefas concluídas ao clicar no botão de conclusão de tarefas;
  • Exibir lista de tarefas concluídas ao clicar no botão Concluídas;
  • Marcar somente o botão clicado como concluído;
  • Configurar API Interna;
  • Preparar ambiente com service;
  • Alterar as opções de Cor e Imagens da opção Temas;
  • Trocar o plano de fundo da aplicação com as opções de troca de cor;
  • Trocar o plano de fundo da aplicação com as opções de troca de imagem;
  • Inserir Tarefa ao clicar no botão Confirmar;
  • Excluir tarefa quando clicar no botão excluir;

• Testes:

  • inserir tarefas entre componentes;

• Armazenamento de dados;

  • Tasks armazenadas no LocalStorage;
  • Arquivo JSON de personalização(cores/imagens) em um banco de dados;

Tecnologias

Imagens

📷 Layout Único MOBILE

Depoimento

Finalmente posso deixar aqui meu depoimento deste projeto. Foi bem complicado, quando acho que passei por um projeto difícil, arrumou outro pior hahaha Mas sempre devemos nos desafiar mais e mais. Por conta no nascimento do meu sobrinho, atrasei o projeto em 2 semanas e pude estar entregando somente agora. Este foi o primeiro projeto onde utilizei o chatGPT para me auxiliar nas minhas dúvidas, sem sombras de dúvidas continuarei utilizando. Graças a ele pude aprender além do que eu imaginava e pude otimizar bastante o projeto. Neste projeto pude criar api para a personalização, aprender mais sobre services e Events Bindings. Além de utilizar pela primeira vez a linguagem de pré-processamento SCSS e o decorador Input para transferência da lista de tarefas entre os componentes! Eu curti bastante, por mais que tenha sido bem complicado e ter atrasado 2 semanas. Estou grato pelo que aprendi com este projeto e espero que você curta também!!

OBS: Em breve a API estará no ar para personalização!

Contatos

Desenvolvedores

Felipe Pereira de Lima