Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/daaaiii/desafio_fast_track

Desafio do SharpCoders
https://github.com/daaaiii/desafio_fast_track

bootstrap css html javascript

Last synced: 4 days ago
JSON representation

Desafio do SharpCoders

Awesome Lists containing this project

README 

        
# Desafios Fast Track - Ima tech



## **SharpCoders - Desafio de HTML, CSS, Bootstrap e JS**



Tendo como base os conteúdos abordados nas aulas de HTML, CSS, JavaScripte Bootstrap, desenvolva a seguinte atividade proposta:



Deverá ser desenvolvido um sistema para gerenciamento de tarefas, abaixo haverá um wireframe para mostrar a estrutura que você deverá implementar na versão para resoluções grandes:



Cores, imagens, fontes, animações, etc… Serão de responsabilidade dos desenvolvedores, fiquem à vontade para estilizar como quiserem, desde que respeitem o uso das tecnologias pedidas, lembrando que são: HTML, CSS, JavaScript e Bootstrap.



O projeto deverá ser responsivo, não haverá especificações de como os layouts deverão ser desenvolvidos para resoluções menores como: smartphones ou tablets, apenas para resoluções de telas maiores (desktops, notebooks e televisores).



As informações referentes ao gerenciamento das tarefas serão:



- Título da tarefa

- Data de início

- Horário de início

- Data de término

- Horário de término

- Descrição da tarefa



Na listagem das tarefas, deverá ter um status para indicar se determinada tarefa foi concluída ou não, você deve implementar os seguintes status:



- Pendente: Quando a tarefa ainda não foi feita.

- Em andamento: Quando a tarefa se encontra no prazo de início de término estipulado.

- Realizada: Quando é especificada que a tarefa foi feita.

- Em Atraso: Quando a tarefa não foi realizada no prazo estabelecido.



Veja abaixo um exemplo da estrutura em funcionamento:



Página inicial:

![Alt text]()



Ao realizar o login ou a criação de uma conta, deverá ser exibida a seguinte página:

![Alt text]()



Na tabela, ao clicar no nome da tarefa, deverá abrir um modal contendo a descrição dela:

![Alt text]()



Ainda na tabela, haverá um botão para alterarmos as nossas tarefas, ao clicar neste botão, o formulário deverá preencher com os dados da tarefa, além de exibirmos novos botões, contendo as seguintes ações:



- Alterar tarefa

- Remover tarefa

- Marcar como realizada

- Cancelar

  ![Alt text]()



Independente do status que estiver a tarefa (pendente, em andamento ou atraso), podemos alterar seu status para realizada.



Tarefas que foram realizadas, ao invés de ter o botão **Marcar como realizada**, deverá ter um outro botão **Marcar como não realizada**, ao clicar, a tarefa deve voltar ao status condizente com as datas informadas (pendente, não realizada ou em andamento).



Na barra superior, onde temos o nome e o link para sair, será obrigatório:



- Exibir uma mensagem contendo o nome do cliente (você define a mensagem).

- Criar um link para sair, onde volta para a página inicial, contendo o formulário de autenticação e criação de conta.