{"id":27969342,"url":"https://github.com/apolinario0x21/todoapp_frontend","last_synced_at":"2025-05-07T21:09:57.350Z","repository":{"id":290525533,"uuid":"974734295","full_name":"apolinario0x21/toDoApp_Frontend","owner":"apolinario0x21","description":"Interface moderna para gerenciamento de tarefas com React 18, Bootstrap 5 e integração REST. Inclui modais, drag-and-drop e feedback visual com Toastify.","archived":false,"fork":false,"pushed_at":"2025-05-03T05:21:03.000Z","size":73,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-07T21:09:53.366Z","etag":null,"topics":["axios","bootstrap","drag-and-drop","javascript","react","rest-api","toastify","vite","vitest"],"latest_commit_sha":null,"homepage":"https://github.com/apolinario0x21/toDoApp","language":"JavaScript","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/apolinario0x21.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,"zenodo":null}},"created_at":"2025-04-29T08:19:58.000Z","updated_at":"2025-05-03T05:32:49.000Z","dependencies_parsed_at":"2025-04-29T09:41:22.184Z","dependency_job_id":null,"html_url":"https://github.com/apolinario0x21/toDoApp_Frontend","commit_stats":null,"previous_names":["apolinario0x21/todoapp_frontend"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/apolinario0x21%2FtoDoApp_Frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/apolinario0x21%2FtoDoApp_Frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/apolinario0x21%2FtoDoApp_Frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/apolinario0x21%2FtoDoApp_Frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/apolinario0x21","download_url":"https://codeload.github.com/apolinario0x21/toDoApp_Frontend/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252954410,"owners_count":21830905,"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":["axios","bootstrap","drag-and-drop","javascript","react","rest-api","toastify","vite","vitest"],"created_at":"2025-05-07T21:09:56.703Z","updated_at":"2025-05-07T21:09:57.328Z","avatar_url":"https://github.com/apolinario0x21.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ToDoApp - Frontend\n![React](https://img.shields.io/badge/React-18.2.0-61DAFB?style=flat-square\u0026logo=react)\n![Bootstrap](https://img.shields.io/badge/Bootstrap-5.3.0-7952B3?style=flat-square\u0026logo=bootstrap)\n![Axios](https://img.shields.io/badge/Axios-1.4.0-5A29E4?style=flat-square\u0026logo=axios)\n![Vite](https://img.shields.io/badge/Vite-4.0-646CFF?style=flat-square\u0026logo=vite)\n![Vitest](https://img.shields.io/badge/Vitest-0.25-6E9F18?style=flat-square\u0026logo=vitest)\n[![License](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n\nUm aplicativo web moderno para gerenciamento de tarefas, desenvolvido com React e uma arquitetura de componentes bem estruturada.\n\nObs.: Backend em Java e Spring Boot encontra-se no repositório: [TodoApp-Backend](https://github.com/apolinario0x21/toDoApp)\n\n\n## Sobre o Projeto\nToDoApp oferece:\n- Interface intuitiva e responsiva\n- Gestão completa do ciclo de vida de tarefas\n- Feedback visual imediato\n- Arquitetura escalável e bem organizada\n\n![ToDoApp](./src/assets/todoapp.png)\n\n\n## Tecnologias Utilizadas\n- React \n- React Bootstrap\n- Axios - Cliente HTTP para comunicação com APIs\n- React Router - Para navegação entre páginas\n- React Modal - Para modais de confirmação e edição\n- Loading Spinner - Para animações de carregamento\n\n\n## Componentes Principais\n\n- TaskForm - Formulário para adicionar novas tarefas\n- TaskList - Lista que renderiza as tarefas\n- TaskItem - Componente que representa uma única tarefa\n- EditTaskModal - Modal para edição de tarefas\n- DeleteTaskModal - Modal de confirmação para exclusão\n\n\n## 🚀 Instalação e Uso\n### Pré-requisitos\n\n- Node.js (v14 ou superior)\n- npm ou yarn\n\n### Configuração\n\n1. Clone o repositório:\n\n\n    git clone https://github.com/seu-usuario/task-manager.git\n    cd task-manager\n\n2. Instale as dependências:\n\n\n    npm install ou yarn install\n\n\n## 📂 Estrutura do Projeto\nO projeto segue uma arquitetura modular e escalável, organizada nas seguintes camadas:\n- node_modules/\n- src/\n    - components/\n        - task/\n            - TaskForm.jsx\n            - TaskList.jsx\n            - TaskItem.jsx\n            - EditTaskModal.jsx\n            - DeleteTaskModal.jsx\n        - ui/\n          - LoadingSpinner.jsx \n    - hooks/\n        - useTasks.js\n    - pages/\n      - TaskPage.jsx\n      - NotFoundPage.jsx\n    - services/\n      - taskService.jsx \n    - utils/\n      - dateFormatter.jsx \n    - App.jsx\n    - main.jsx\n\n\n## ✅ Funcionalidades\n\n- Visualização de tarefas com detalhes como data de criação e status\n- Adição de novas tarefas\n- Edição de títulos de tarefas existentes\n- Marcação de tarefas como concluídas ou pendentes\n- Exclusão de tarefas\n- Validação de formulários\n\n## 🔮 Roadmap (Futuras Implementações)\n\n- Implementação de autenticação de usuários\n- Filtros e ordenação de tarefas\n- Categorização de tarefas\n- Tema claro/escuro\n- Toastify para feedbacks visuais\n- Drag and drop para reordenar tarefas\n- Vitest para testes unitários e de integração\n\n\n## 🤝 Contribuição\nSe você quiser contribuir com este projeto, siga estas etapas:\n\n- Faça um fork do projeto\n- Crie sua feature branch `git checkout -b feature/nova-funcionalidade`\n- Commit suas mudanças `git commit -m 'Adiciona nova funcionalidade`\n- Push para a branch `git push origin feature/nova-funcionalidade`\n- Abra um Pull Request\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fapolinario0x21%2Ftodoapp_frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fapolinario0x21%2Ftodoapp_frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fapolinario0x21%2Ftodoapp_frontend/lists"}