Afazeres é uma extensão simples e prática para o navegador Chrome que ajuda você a organizar suas tarefas diárias. Com uma interface amigável e fácil de usar, você pode adicionar, visualizar e limpar suas tarefas diretamente do navegador.
- Adicionar Tarefas: Abra um modal onde você pode inserir o título e a descrição de novas tarefas. As tarefas são armazenadas localmente e exibidas na interface principal.
- Visualizar Tarefas: As tarefas salvas são exibidas em uma lista clara e organizada. Você pode ver o título e a descrição de cada tarefa.
- Limpar Tarefas: Remova todas as tarefas salvas com um simples clique no botão "Limpar Tarefas".
- Armazenamento Local: As tarefas são salvas no armazenamento local do navegador, garantindo que seus dados sejam preservados mesmo após o fechamento do navegador.
- HTML: Estrutura da página e modal para adicionar tarefas.
- CSS: Estilização da interface (não incluído no código fornecido).
- JavaScript: Manipulação do DOM, armazenamento e recuperação de dados, controle de modal.
-
Instalação:
- Baixe e descompacte o repositório.
- Vá para a página de extensões do Chrome (
chrome://extensions/
). - Ative o "Modo do desenvolvedor".
- Clique em "Carregar sem compactação" e selecione o diretório do projeto.
-
Adicionar uma Tarefa:
- Clique no botão "Nova Tarefa" para abrir o modal.
- Preencha o título e a descrição da tarefa e clique em "Salvar".
-
Limpar Tarefas:
- Clique no botão "Limpar Tarefas" para remover todas as tarefas salvas.
- As tarefas são armazenadas localmente e não são sincronizadas entre diferentes dispositivos ou navegadores.
- Certifique-se de que os campos de título e descrição não estejam vazios e contenham pelo menos uma letra para serem salvos.
Sinta-se à vontade para contribuir com melhorias ou correções. Para sugestões ou problemas, abra uma nova issue no GitHub.
Este projeto está licenciado sob a MIT License.
JavaScript
HTML
CSS
Here's the description translated into English:
Afazeres is a simple and practical Chrome extension designed to help you organize your daily tasks. With a user-friendly and intuitive interface, you can add, view, and clear your tasks directly from your browser.
- Add Tasks: Open a modal to input the title and description of new tasks. Tasks are saved locally and displayed on the main interface.
- View Tasks: Saved tasks are shown in a clear and organized list. You can see the title and description of each task.
- Clear Tasks: Remove all saved tasks with a single click on the "Clear Tasks" button.
- Local Storage: Tasks are stored in the browser’s local storage, ensuring your data is preserved even after closing the browser.
- HTML: Page structure and modal for adding tasks.
- CSS: Interface styling (not included in the provided code).
- JavaScript: DOM manipulation, data storage and retrieval, modal control.
-
Installation:
- Download and unzip the repository.
- Go to the Chrome Extensions page (
chrome://extensions/
). - Enable "Developer mode."
- Click "Load unpacked" and select the project directory.
-
Add a Task:
- Click the "New Task" button to open the modal.
- Enter the title and description of the task and click "Save."
-
Clear Tasks:
- Click the "Clear Tasks" button to remove all saved tasks.
- Tasks are stored locally and are not synchronized across different devices or browsers.
- Ensure that the title and description fields are not empty and contain at least one letter to be saved.
Feel free to contribute improvements or fixes. For suggestions or issues, please open a new issue on GitHub.
This project is licensed under the MIT License.
JavaScript
HTML
CSS