Este exercício representa uma fase do processo seletivo da Aceleradora Ágil. Consiste no desenvolvimento de uma aplicação web que gerencia uma lista de tarefas diárias e noturnas.
A organização das pastas e arquivos principais do projeto segue uma separação de responsabilidades:
- index.html: Contém a estrutura básica da página, incluindo os elementos HTML para exibição da lista de tarefas e os botões para adicionar e remover tarefas.
- style.css: Define o estilo visual da aplicação, garantindo que o layout seja adaptativo e funcione bem em celulares, tablets e computadores.
- index.js: Define a lógica para adicionar e remover tarefas, além de manipular o DOM para atualizar a lista de tarefas em tempo real.
- assets/: Contém o arquivo de imagem utilizado na aplicação.
Adicionar uma tarefa: As tarefas podem ser adicionadas digitando o nome da tarefa, escolhendo o turno e, em seguida, clicando no botão adicionar.
Remoção de tarefas: Quando criadas, cada tarefa possui um botão ao lado para removê-la da lista.
Layout adaptativo: É possível utilizar a aplicação em celulares, tablets ou computadores.
Demonstração funcional: Uma demonstração funcional da aplicação está disponível aqui.
- Clone o repositório:
git clone https://github.com/desatinar/criacao-layout.git
cd criacao-layout- Execução:
Abra o arquivo
index.htmlno seu navegador.
O design inicial da aplicação foi fornecido como um esboço. Baseado nesse esboço, fiz algumas alterações e modifiquei as cores para atender melhor ao objetivo do projeto. A estrutura básica de HTML foi mantida conforme o layout recebi, enquanto o CSS foi ajustado para refletir as mudanças de design e garantir a responsividade.