{"id":25392414,"url":"https://github.com/jonasmarquesdev/crud-financas","last_synced_at":"2026-04-15T18:32:09.392Z","repository":{"id":260881411,"uuid":"882616749","full_name":"jonasmarquesdev/CRUD-Financas","owner":"jonasmarquesdev","description":null,"archived":false,"fork":false,"pushed_at":"2024-11-03T14:59:07.000Z","size":97,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-04T09:54:38.159Z","etag":null,"topics":["angular","laravel","mysql","php"],"latest_commit_sha":null,"homepage":"","language":"PHP","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/jonasmarquesdev.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-11-03T09:47:07.000Z","updated_at":"2024-11-09T09:43:23.000Z","dependencies_parsed_at":"2025-04-10T01:24:57.788Z","dependency_job_id":"63944b4f-39fb-4202-99e4-1ec6959fc1f4","html_url":"https://github.com/jonasmarquesdev/CRUD-Financas","commit_stats":null,"previous_names":["jonasmarquesdev/crud-financas"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jonasmarquesdev/CRUD-Financas","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jonasmarquesdev%2FCRUD-Financas","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jonasmarquesdev%2FCRUD-Financas/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jonasmarquesdev%2FCRUD-Financas/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jonasmarquesdev%2FCRUD-Financas/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jonasmarquesdev","download_url":"https://codeload.github.com/jonasmarquesdev/CRUD-Financas/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jonasmarquesdev%2FCRUD-Financas/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31854732,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-15T15:24:51.572Z","status":"ssl_error","status_checked_at":"2026-04-15T15:24:39.138Z","response_time":63,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["angular","laravel","mysql","php"],"created_at":"2025-02-15T16:39:17.295Z","updated_at":"2026-04-15T18:32:09.326Z","avatar_url":"https://github.com/jonasmarquesdev.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Aplicação de Gerenciamento de Transações Financeiras\n\n## Descrição\nEste projeto é uma aplicação de gerenciamento de transações financeiras desenvolvida em Angular. A aplicação permite que os usuários adicionem, editem e excluam transações financeiras, categorizadas como receitas ou despesas. A comunicação com o backend é feita através de uma API REST implementada em Laravel.\n\n## Tecnologias Utilizadas\n- **Frontend**: Angular `v16`\n- **Backend**: Laravel `v9`\n- **Banco**: MySQL\n- **Estilização**: Angular Material\n- **Gerenciamento de Estado**: RxJS\n- **HTTP Client**: Angular HttpClient\n\n## Funcionalidades\n- Listagem de transações financeiras com opções de filtro por tipo (receita ou despesa).\n- Adição de novas transações através de um formulário.\n- Edição de transações existentes.\n- Exclusão de transações.\n\n## Estrutura do Projeto\n```\nsrc/\n├── app/\n│   ├── models/                  # Modelos TypeScript\n│   ├── services/                # Serviços para comunicação com a API\n│   ├── components/              # Componentes da aplicação\n│   ├── transaction-dialog/       # Diálogo para adição e edição de transações\n│   ├── transaction-list/         # Componente para listagem de transações\n│   └── app.module.ts             # Módulo principal da aplicação\n├── assets/                       # Recursos estáticos (imagens, ícones, etc.)\n└── index.html                    # Arquivo HTML principal\n```\n\n## Configuração do Ambiente\nPara configurar e executar a aplicação, siga os passos abaixo:\n\n1. **Clone o repositório**\n   ```bash\n   git clone https://github.com/seu-usuario/seu-repositorio.git\n   cd frontend\n   ```\n\n2. **Instale as dependências**\n   ```bash\n   npm install\n   ```\n\n3. **Inicie a aplicação**\n   ```bash\n   npm run start\n   ```\n\n4. **Acesse a aplicação**\n   Abra o navegador e acesse `http://localhost:4200`.\n\n## Uso\n- **Adicionar Transação**: Clique no botão \"Adicionar\" para abrir o diálogo de adição de transação. Preencha os campos obrigatórios e clique em \"Adicionar\".\n- **Editar Transação**: Clique no botão de edição ao lado de uma transação para abrir o diálogo pré-preenchido. Faça as alterações desejadas e clique em \"Adicionar\".\n- **Excluir Transação**: Clique no botão de excluir ao lado de uma transação para removê-la.\n\n## Configuração dos Arquivos de Ambiente no Frontend\n\n### 1. Criar a Pasta e os Arquivos de Ambiente\n\nDentro do diretório `src` do projeto, crie uma pasta chamada `environments`, caso ela ainda não exista:\n\n```\nsrc/\n└── environments/\n    ├── environment.ts\n    └── environment.prod.ts\n```\n\n### 2. Configurar os Arquivos de Ambiente\n\nCrie e configure os arquivos `environment.ts` e `environment.prod.ts` da seguinte forma:\n\n- **environment.ts**: para o ambiente de desenvolvimento\n\n  ```typescript\n  export const environment = {\n    production: false,\n    apiUrl: 'http://localhost:8000/api/transacoes'\n  };\n  ```\n\n- **environment.prod.ts**: para o ambiente de produção\n\n  ```typescript\n  export const environment = {\n    production: true,\n    apiUrl: 'https://localhost:8000/api/transacoes'\n  };\n  ```\n\n\u003e **Nota**: Substitua o valor de `apiUrl` pelo endpoint correto da sua API em cada ambiente.\n\n\n## Executando Scripts SQL pelo CMD\n\nPara configurar o banco de dados, você pode executar um script `.sql` diretamente pelo CMD do Windows:\n\n1. **Execute o Script .sql**:\n   - Use o comando abaixo. Substitua `\u003cusuario\u003e`, `\u003csenha\u003e`, `\u003cbanco_de_dados\u003e`, e o caminho do arquivo `.sql`:\n   ```bash\n   mysql -u \u003cusuario\u003e -p\u003csenha\u003e \u003cbanco_de_dados\u003e \u003c \"C:\\caminho\\para\\seu_script.sql\"\n   ```\n\n   **Exemplo**:\n   ```bash\n   mysql -u root -pminha_senha meu_banco \u003c \"C:\\Users\\seu_usuario\\Desktop\\meu_script.sql\"\n   ```\n\n   - **Observação**: Se você omitir a senha (use apenas `-p`), o MySQL pedirá para digitá-la.\n\n2. **Confirme a Execução**:\n   - Se não houver mensagens de erro, o script foi executado com sucesso.\n\n## Configuração dos Arquivos de Ambiente no Backend\nAntes de iniciar a API, você precisa configurar o arquivo `.env` com os detalhes do banco de dados. Use o arquivo `.env-example` como referência e preencha os campos necessários\n\n## API\nA aplicação se comunica com a seguinte API para operações de transações financeiras:\n\n- **GET** `/api/transacoes`: Retorna todas as transações.\n   - Parâmetros opcionais:\n    - `tipo`: Filtra pelo ID do tipo (ex.: `?tipo=1`).\n    - `orderData`: Ordena pela data (`asc` ou `desc`, padrão `desc` - ex.: `?orderData=asc`).\n- **GET** `/api/transacoes/:id`: Retorna uma transação específica pelo ID.\n- **POST** `/api/transacoes`: Adiciona uma nova transação.\n- **PUT** `/api/transacoes/:id`: Atualiza uma transação existente.\n- **DELETE** `/api/transacoes/:id`: Exclui uma transação.\n\nPara iniciar o backend do projeto usando Laravel, siga os passos abaixo:\n\n1. **Acesse a Pasta do Backend**:\n   ```bash\n   cd ./backend\n   ```\n\n2. **Instale as Dependências**:\n   - Use o comando a seguir para instalar as dependências tanto do Node.js quanto do PHP (Composer):\n   ```bash\n   npm install \u0026\u0026 composer install\n   ```\n\n3. **Inicie o Servidor Local**:\n   - Após instalar as dependências, inicie o servidor com:\n   ```bash\n   php artisan serve\n   ```\n\n   - Esse comando inicia a API no servidor local, geralmente acessível em `http://127.0.0.1:8000`.\n\n## Contribuição\nSe você deseja contribuir para este projeto, sinta-se à vontade para abrir uma nova issue ou enviar um pull request.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjonasmarquesdev%2Fcrud-financas","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjonasmarquesdev%2Fcrud-financas","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjonasmarquesdev%2Fcrud-financas/lists"}