{"id":19883446,"url":"https://github.com/aureliodeboa/fap-lista-de-compras","last_synced_at":"2025-06-10T19:41:31.897Z","repository":{"id":251535932,"uuid":"837694711","full_name":"aureliodeboa/Fap-lista-de-compras","owner":"aureliodeboa","description":"Atividade Simples do Fap de implementar uma lista de compras de acordo com o figma disponibilizado.","archived":false,"fork":false,"pushed_at":"2024-08-10T13:56:33.000Z","size":14,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-01T03:26:23.719Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/aureliodeboa.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-03T18:27:18.000Z","updated_at":"2024-08-10T13:57:00.000Z","dependencies_parsed_at":"2024-08-10T14:58:27.210Z","dependency_job_id":null,"html_url":"https://github.com/aureliodeboa/Fap-lista-de-compras","commit_stats":null,"previous_names":["aureliodeboa/fap-lista-de-compras"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aureliodeboa%2FFap-lista-de-compras","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aureliodeboa%2FFap-lista-de-compras/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aureliodeboa%2FFap-lista-de-compras/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aureliodeboa%2FFap-lista-de-compras/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aureliodeboa","download_url":"https://codeload.github.com/aureliodeboa/Fap-lista-de-compras/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aureliodeboa%2FFap-lista-de-compras/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259137832,"owners_count":22810787,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-12T17:20:18.111Z","updated_at":"2025-06-10T19:41:31.847Z","avatar_url":"https://github.com/aureliodeboa.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\n# Atividade Fap - Lista de Compras\n![image](https://github.com/user-attachments/assets/6ac6f161-1671-4e20-b7c1-5bcef79c1906)\n\n## Descrição\n\nO projeto **Atividade Fap - Lista de Compras** é uma aplicação web que permite aos usuários gerenciar uma lista de compras de maneira interativa e responsiva. Utilizando apenas HTML, CSS e JavaScript, o projeto adota uma abordagem de programação funcional para garantir uma estrutura simples e eficiente.\n\n### Funcionalidades\n\n- **Adicionar Item**: Inclua novos itens na lista de compras.\n- **Excluir Item**: Remova itens da lista.\n- **Notificação de Remoção**: Exibe uma notificação visual quando um item é removido.\n\n\n\n### Arquitetura dos Diretórios\n\n- **`index.html`**: A página principal da aplicação.\n- **`style.css`**: Arquivo de estilo CSS.\n- **`script.js`**: Arquivo JavaScript que implementa a lógica da aplicação.\n- **`logo.png`**: Imagem de logo do projeto.\n\n### Tecnologias Utilizadas\n\n- **HTML**: Estrutura do conteúdo da página.\n- **CSS**: Estilização e layout responsivo.\n- **JavaScript**: Funcionalidades interativas utilizando o paradigma funcional.\n\n### Estrutura de Código\n\nO projeto utiliza o paradigma funcional para gerenciar a lista de compras, com funções que adicionam e removem itens diretamente no DOM. Abaixo está um exemplo de função utilizada:\n\n```javascript\nfunction addItem() {\n    const itemInput = document.getElementById('itemInput');\n    const itemText = itemInput.value.trim();\n\n    if (itemText !== '') {\n        const todoList = document.querySelector('.lista');\n        const listItem = document.createElement('li');\n        \n        const divContainer = document.createElement('div');\n        const checkboxLabel = document.createElement('label');\n        checkboxLabel.className = 'container-checkbox';\n        \n        const checkboxInput = document.createElement('input');\n        checkboxInput.type = 'checkbox';\n        const checkmark = document.createElement('span');\n        checkmark.className = 'checkmark';\n        \n        checkboxLabel.appendChild(checkboxInput);\n        checkboxLabel.appendChild(checkmark);\n        \n        const spanContent = document.createElement('span');\n        spanContent.className = 'lista-content';\n        spanContent.textContent = itemText;\n        \n        divContainer.appendChild(checkboxLabel);\n        divContainer.appendChild(spanContent);\n        \n        const deleteSpan = document.createElement('span');\n        deleteSpan.className = 'material-symbols-outlined';\n        deleteSpan.textContent = 'delete';\n        deleteSpan.onclick = function() {\n            showNotification();\n            todoList.removeChild(listItem);\n        };\n        \n        listItem.appendChild(divContainer);\n        listItem.appendChild(deleteSpan);\n        todoList.appendChild(listItem);\n\n        itemInput.value = '';\n    }\n}\n```\n\n### Instruções de Uso\n\n1. **Clonagem do Repositório**: Clone este repositório para sua máquina local usando `git clone https://github.com/aureliodeboa/Fap-lista-de-compras/`.\n2. **Acessar o Projeto**: Navegue até o diretório do projeto e abra o arquivo `index.html` em um navegador da web.\n3. **Interação**: Utilize a interface para adicionar e remover itens da lista de compras.\n\n### Contribuições\n\nSe você deseja contribuir para este projeto, por favor, envie um pull request ou entre em contato com o responsável pelo projeto.\n\n### Licença\n\nEste projeto é de código aberto e pode ser utilizado conforme os termos estabelecidos pelo repositório.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faureliodeboa%2Ffap-lista-de-compras","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faureliodeboa%2Ffap-lista-de-compras","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faureliodeboa%2Ffap-lista-de-compras/lists"}