Skip to content

pbotelhodev/react-task-manager

Repository files navigation

✅ React Task Manager

Uma aplicação de produtividade minimalista focada na organização de tarefas diárias com persistência de dados.

Status do Projeto React Vite

💻 Sobre o Projeto

O Task Manager é uma aplicação web desenvolvida para demonstrar o domínio sobre o ciclo de vida do React e manipulação de estado complexo.

O objetivo foi criar uma ferramenta fluida onde o usuário possa gerenciar suas pendências sem interrupções, garantindo que os dados sejam salvos automaticamente no navegador (LocalStorage), simulando a experiência de um aplicativo nativo.

🎯 Destaques Técnicos

  • CRUD Completo: Create, Read, Update, Delete.
  • Persistência Local: As tarefas sobrevivem ao refresh da página (useEffect + localStorage).
  • Design Responsivo: Interface adaptável para Mobile e Desktop.

⚙️ Funcionalidades

  • Adicionar Tarefa: Validação de input para não criar tarefas vazias.
  • Editar Tarefa: Permite corrigir erros de digitação ou mudar o escopo.
  • Concluir/Pendente: Toggle de estado visual (riscado/normal).
  • Excluir: Remoção permanente da lista.
  • Auto-Save: Qualquer alteração é salva instantaneamente no banco local.

🛠️ Tecnologias Utilizadas

  • Front-end: ReactJS + Vite
  • Estilização: CSS3
  • Ícones: React Icons
  • Armazenamento: LocalStorage API

🚀 Como rodar o projeto

# 1. Clone o repositório
$ git clone [https://github.com/pbotelhodev/react-task-manager.git](https://github.com/pbotelhodev/react-task-manager.git)

# 2. Acesse a pasta
$ cd react-task-manager

# 3. Instale as dependências
$ npm install

# 4. Execute o projeto
$ npm run dev

About

Uma aplicação de produtividade minimalista focada na organização de tarefas diárias com persistência de dados.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published