Skip to content

jaquetrevizan/to-do-list-vue

Repository files navigation

To-Do List com Vue.js

Aplicação de lista de tarefas desenvolvida com Vue 3 e Vuex, incluindo estatísticas interativas com ApexCharts.


Vue.js Vuex ApexCharts


Objetivo

Este projeto foi desenvolvido com o foco em:

  • Criar uma aplicação To-Do List simples e funcional.
  • Explorar conceitos de gerenciamento de estado com Vuex.
  • Demonstrar o uso de gráficos interativos com ApexCharts para exibição de estatísticas.

Funcionalidades

  • Adicionar novas tarefas.
  • Editar o texto de uma tarefa existente.
  • Marcar e desmarcar tarefas como concluídas.
  • Remover tarefas.
  • Persistência de dados com localStorage.
  • Página de estatísticas com gráficos de barras (tarefas concluídas x pendentes).

Tecnologias Utilizadas

  • Vue 3: framework JavaScript para construção de interfaces.
  • Vuex 4: gerenciamento de estado centralizado.
  • Vue Router: roteamento de páginas.
  • ApexCharts: biblioteca de gráficos interativos.
  • Font Awesome: ícones para estilização.

Demonstração

Acesse a aplicação online aqui.

Captura de tela 2025-09-29 173122 Captura de tela 2025-09-29 173132


Instalação e Execução

Pré-requisitos:

Passos:

# Clone o repositório
git clone https://github.com/jaquetrevizan/to-do-list-vue.git

# Acesse o diretório do projeto
cd to-do-list-vue

# Instale as dependências
npm install

# Execute a aplicação
npm run serve

Dúvidas & Sugestões

  • Se tiver alguma ideia para melhorar este projeto ou encontrar algum problema, fique à vontade para abrir uma issue aqui no repositório.
  • Para dúvidas mais diretas, você também pode me escrever em: trevizan.jaqueline@gmail.com.

About

Aplicação de lista de tarefas (To-Do List) desenvolvida com Vue 3, Vuex e ApexCharts.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published