deploy -> https://marina-barbosa.github.io/desafio-fast-track-ima-tech/view
Este projeto foi desenvolvido utilizando as seguintes tecnologias:
- HTML
- CSS
- JavaScript
- Bootstrap
Este repositório contém a solução desenvolvida para o desafio proposto, onde foram cumpridas todas as especificações requeridas e ainda foi adicionado um filtro de tarefas e uma barra de pesquisa de tarefas ao sistema.
O objetivo deste projeto era desenvolver um sistema de gerenciamento de tarefas utilizando HTML, CSS, JavaScript e Bootstrap e nada mais. O sistema é responsivo e possui as seguintes funcionalidades:
- Gerenciamento de tarefas com os seguintes detalhes: título, data de início, horário de início, data de término, horário de término e descrição da tarefa.
- Status das tarefas: Pendente, Em andamento, Realizada e Em Atraso.
- Modal com a descrição da tarefa ao clicar no nome da tarefa na tabela.
- Possibilidade de alterar tarefas, preenchendo o formulário com os dados existentes e exibindo botões para: Alterar tarefa, Remover tarefa, Marcar como realizada e Cancelar.
- Botão específico para marcar tarefa como não realizada, se já estiver marcada como realizada.
- Exibição do nome do cliente na barra superior, juntamente com uma mensagem personalizada.
- Link para sair que redireciona para a página inicial, com formulário de autenticação e criação de conta.
Além das funcionalidades requeridas, foram implementados os seguintes recursos adicionais:
- Filtro de tarefas para facilitar a busca e organização das atividades.
- Adição de uma barra de pesquisa de tarefas para encontrar rapidamente informações específicas.
Armazenamento Local:
Para melhorar a experiência do usuário, este sistema utiliza o recurso do localStorage do navegador para armazenar localmente os dados das tarefas. Isso permite que as informações das tarefas sejam mantidas mesmo após o fechamento do navegador ou da página.
O desenvolvimento do projeto seguiu as regras e requisitos estabelecidos, baseados nos conteúdos das aulas de HTML, CSS, JavaScript e Bootstrap. A estilização, cores, imagens, fontes e animações foram implementadas respeitando o uso das tecnologias solicitadas.
Para uma visão mais detalhada das regras e especificações do projeto, consulte este link para o Notion.
Marina Barbosa
Este projeto está licenciado sob a Licença MIT.
Agradeço à equipe da Ima tech pela oportunidade de realizar este desafio e aprender mais sobre desenvolvimento web.
E gostaria também de expressar meus sinceros agradecimentos ao Professor Ralph e à Professora Liv, por contribuírem significativamente para o meu progresso profissional nesta jornada de aprendizado em desenvolvimento web.