https://github.com/abeatrizsc/todo-list

Lista de tarefas feita com HTML, CSS e JavaScript (localstorage e date-fns).
https://github.com/abeatrizsc/todo-list

css css3 date-fns html html5 javascript localstorage todolist

Last synced: 16 days ago
JSON representation

Lista de tarefas feita com HTML, CSS e JavaScript (localstorage e date-fns).

• Host: GitHub
• URL: https://github.com/abeatrizsc/todo-list
• Owner: ABeatrizSC
• Created: 2024-02-14T19:36:57.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-02-14T20:36:22.000Z (12 months ago)
• Last Synced: 2024-11-19T10:30:37.302Z (3 months ago)
• Topics: css, css3, date-fns, html, html5, javascript, localstorage, todolist
• Language: CSS
• Homepage: https://to-do-list-ochre-ten-99.vercel.app
• Size: 15.6 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
 

    

        

    

    

        

    

    

        

    



 

  
Projeto To Do List

    

  [Sobre](#sobre)   |    [Deploy](#deploy)   |    [Utilizacoes](#utilizacoes)   |    [Instalacoes necessarias](#instalacoes)   |    [Contato](#contato)



https://github.com/ABeatrizSC/toDo-list/assets/105675205/a68cb149-521a-49ee-8634-48531eb28f35

📝Sobre



  


    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.

  



🔗Deploy

Acesse a visualização completa do Projeto To Do List aqui.


💻Utilizações

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.

  



💾 Instalações necessárias

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.


Clone o repositório e entre em sua pasta

git clone https://github.com/ABeatrizSC/toDo-list.git 







cd toDo-list


Instalação das dependências do projeto

npm install


Inicie o servidor local utilizando o Vite.js

npm run dev







Dê ctrl + click  no endereço de link gerado para abrir o projeto em seu navegador.


🔍 Contato: