Este é um projeto de Lista de Tarefas criado usando React. A aplicação permite adicionar, remover, completar e filtrar tarefas. O projeto também inclui um recurso de busca para filtrar tarefas por texto.
O site está disponível em: Cosmic React To-Do List
- Adicionar uma nova tarefa com uma categoria.
- Marcar uma tarefa como concluída.
- Editar uma tarefa existente.
- Remover uma tarefa.
- Filtrar tarefas por status (Todas, Concluídas, Pendentes).
- Ordenar tarefas em ordem alfabética (A-Z, Z-A).
- Pesquisar tarefas pelo texto.
- Pesquisar tarefas por categoria.
- Persistir estado das tarefas usando Local Storage.
- React
- JavaScript (ES6+)
- CSS
- Vite (para bundling e desenvolvimento local)
Para executar este projeto localmente, siga as etapas abaixo:
-
Clone o repositório:
git clone https://github.com/a-natureza/to-do-list-react.git -
Navegue até o diretório do projeto:
cd seu-repositorio
- Instale as dependências:
npm install
- Execute o projeto:
npm run dev
- Abra seu navegador e acesse:
http://localhost:5173
-
App.jsxO componente principal da aplicação. Ele gerencia o estado das tarefas e coordena a exibição dos componentes filhos. -
Filter.jsxComponente responsável por filtrar as tarefas com base no status e na ordem alfabética. -
Search.jsxComponente responsável pela busca de tarefas pelo texto. -
Todo.jsxComponente que representa uma tarefa individual na lista de tarefas. -
TodoForm.jsxComponente que contém o formulário para adicionar novas tarefas. Inclui validação para garantir que o texto e a categoria sejam preenchidos antes de adicionar uma nova tarefa. -
App.cssArquivo de estilos CSS para a aplicação.
Se você deseja contribuir com este projeto, siga os passos abaixo:
- Faça um fork do repositório.
- Crie uma branch para sua feature ou correção de bug (
git checkout -b feature/nova-feature). - Faça commit das suas alterações (
git commit -am 'Adiciona nova feature'). - Faça push para a branch (
git push origin feature/nova-feature). - Crie um novo Pull Request.