Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/andreriffen/to-do-avancado

Lista de tarefas 'to do' avançada, escrita em Javascript 📋📌📝
https://github.com/andreriffen/to-do-avancado

Last synced: about 2 months ago
JSON representation

Lista de tarefas 'to do' avançada, escrita em Javascript 📋📌📝

Awesome Lists containing this project

README 

        
# To-Do List Avançado ✔️



- 📋📌📝



![https://andreriffen.github.io/to-do-avancado/](https://github.com/andreriffen/to-do-avancado/blob/9c0cf370677208e821286820158457e7211ad2e9/preview.jpg)



[Demonstração no GitHub Pages](https://andreriffen.github.io/to-do-avancado/).



Bem-vindo ao repositório da página **To-Do List Avançado**. Este é um projeto que utiliza HTML, CSS e JavaScript para criar uma avançada lista de tarefas interativa.



## ℹ️ Descrição



A página *'To-Do List Avançada'* é bem semelhante a *To-do simples*, que tem como objetivo demonstrar a manipulação de elementos HTML usando JavaScript, bem como a aplicação de estilos com CSS para criar uma lista de tarefas funcional e avançada. Os usuários podem adicionar, editar, marcar como concluídas e remover tarefas da lista, proporcionando uma experiência interativa e prática.



## ⚙️ Funcionamento



Quando a página é carregada, a função `addTask()` é acionada para permitir que os usuários adicionem tarefas à lista. Eles também podem editar tarefas existentes para atualizar detalhes, marcar tarefas como concluídas usando o ícone apropriado e remover tarefas com o ícone de remoção.



## 👨‍💻 Tecnologias Utilizadas



- **HTML 5**: Estruturação do conteúdo da página.

- **CSS 3**: Estilização dos elementos e definição de cores de fundo.

- **JavaScript Vanilla**: Manipulação de elementos HTML e interatividade da lista de tarefas.



## 🕹️ [Demonstração (GitHub Pages) »](https://andreriffen.github.io/to-do-avancado/)



Você pode ver a página "To-Do List Avançada" em ação [**clicando aqui »»**](https://andreriffen.github.io/to-do-avancado/)



## 💬 Observações



Este projeto é apenas um exemplo e está hospedado no *Github Pages* apenas para finalidades de promoção de portfólio pessoal e profissional. Foi criado com o propósito de praticar conceitos de desenvolvimento web avançados.



Sinta-se à vontade para explorar o código e entender como os diferentes elementos foram implementados. Se tiver alguma pergunta ou sugestão, não hesite em entrar em contato.



- 🙋‍♂️ Se você é recrutador e está analisando tudo, quero que note o meu cuidado ao escrever este documento! Veja as diferentes técnicas de desenvolvimento, diagramação e revisão.



### ☕ Autor



- 2023 ©️ **Andre Riffen** - [Perfil GitHub](https://github.com/andreriffen)



### 📜 Licença



Este projeto está licenciado sob a Licença MIT (Pode clonar!).



Não se preocupe quanto à licença, este projeto é só um exercício pequeno. Pode copiar, modificar, remixar à vontade!