projeto_toDo-list.mp4
- Este clássico projeto To Do List, como seu próprio nome diz, funciona como uma lista de tarefas/afazeres para se utilizar no dia a dia;
- Adicione tarefas, marque-as como feitas e remova-as quando necessário. Além disso, possui um contador de tarefas pendentes, realizadas e seu número total;
- A data é atualizada automaticamente e para uma melhor manipulação foi utilizada a biblioteca Date-fns;
- Utiliza localStorage para salvar os dados da lista de tarefas;
- Este projeto foi feito com o intuito de treinar a manipulação do DOM, uso de bibliotecas e armazenamento localStorage.
Acesse a visualização completa do Projeto To Do List aqui.
Feito através do editor Visual Studio Code.
Tecnologias utilizadas:
- HTML: Linguagem de marcação utilizada na construção de páginas na Web;
- CSS: Linguagem de estilo usada para descrever a apresentação de um documento escrito em HTML ou em XML;
- Javascript: Linguagem de programação utilizada principalmente no desenvolvimento web para a criação de interfaces dinâmicas;
- Date-fns: Biblioteca que facilita a manipulação de datas;
- Toastify-js: Biblioteca de toast/notificações Javascript;
- ViteJS: É um build tool que permite um desenvolvimento rápido para projetos web. Ele simula um servidor durante o desenvolvimento para melhorar o desempenho e a produtividade.
Para executar os seguintes comandos em seu terminal, é necessário ter o Git e o Node.JS (preferencialmente na versão LTS) instalados previamente e configurados.
git clone https://github.com/ABeatrizSC/toDo-list.git
cd toDo-list
npm install
npm run dev
Dê ctrl + click no endereço de link gerado para abrir o projeto em seu navegador.