Skip to content

Uma aplicação simples e eficiente para gerenciar tarefas diárias. Permite adicionar, editar, marcar como concluída e excluir tarefas, com dados armazenados no navegador para fácil persistência.

License

Notifications You must be signed in to change notification settings

0Carvalh0/site-quicktask-react

Repository files navigation

QuickTask

QuickTask é um gerenciador de tarefas simples e eficiente, desenvolvido com React para ajudar você a organizar suas tarefas diárias de maneira rápida, prática e moderna.

Índice

Sobre o Projeto

O QuickTask é uma aplicação web desenvolvida com React + TypeScript, focada em permitir a criação, edição e remoção de tarefas de forma intuitiva. As tarefas são armazenadas localmente usando o localStorage, garantindo persistência mesmo após recarregar a página.

Funcionalidades

  • ✅ Adicionar novas tarefas
  • ✏️ Editar tarefas existentes
  • ✔️ Marcar tarefas como concluídas
  • 🗑️ Remover tarefas
  • 💾 Persistência de dados com localStorage
  • 🧠 Interface intuitiva, responsiva e moderna

Tecnologias Utilizadas

  • React 19 — Biblioteca JavaScript para criação de interfaces
  • TypeScript — Tipagem estática para JavaScript moderno
  • Vite — Ferramenta de build ultrarrápida para projetos front-end
  • React Router DOM — Gerenciamento de rotas entre páginas
  • React Icons — Ícones modernos e leves com integração via componentes
  • HTML5 e CSS3 — Estrutura e estilo da aplicação

Como Utilizar

  1. Acesse a aplicação em seu navegador (caso esteja hospedada) ou rode localmente (veja abaixo).
  2. Digite uma nova tarefa e clique no botão "+" para adicioná-la.
  3. Edite ou exclua uma tarefa com os ícones correspondentes.
  4. Marque uma tarefa como concluída clicando no check (✔️).
  5. As tarefas serão salvas automaticamente no navegador.

Instalação

⚠️ Pré-requisitos: Node.js e npm ou yarn

Siga os passos abaixo para rodar o projeto localmente:

  1. Clone o repositório:
git clone https://github.com/0Carvalh0/quicktask.git
  1. Acesse o diretório do projeto:
cd quicktask
  1. Instale as dependências:
npm install
# ou
yarn install
  1. Inicie o servidor de desenvolvimento:
npm run dev
# ou
yarn dev
  1. Acesse http://localhost:5173 no navegador.

Contribuição

Contribuições são sempre bem-vindas! Se você tiver ideias para melhorar o projeto, fique à vontade para abrir uma issue ou enviar um pull request.

Para contribuir

  1. Faça um fork do repositório.

  2. Crie uma nova branch para suas alterações:

git checkout -b feature/nome-da-feature
  1. Faça suas alterações e commit:
git commit -m "Adicionando nova funcionalidade"
  1. Envie suas alterações:
git push origin feature/nome-da-feature
  1. Abra um pull request.

Licença

Este projeto está licenciado sob os termos da licença MIT. Veja o arquivo LICENSE para mais detalhes.

About

Uma aplicação simples e eficiente para gerenciar tarefas diárias. Permite adicionar, editar, marcar como concluída e excluir tarefas, com dados armazenados no navegador para fácil persistência.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published