Coder Social home page Coder Social logo

zecarlos558 / carteira_tech Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 1.0 2.81 MB

Esse projeto foi desenvolvido com as funcionalidades de registrar todas receitas e despesas, visualizar os dados de forma rápida e fácil e assim ajudar a analisar todas as suas finanças.

Home Page: https://carteira-tech.vercel.app

PHP 24.86% CSS 51.45% JavaScript 1.49% Blade 22.21%
controle-financeiro css javascript laravel mysql php

carteira_tech's Introduction

Carteira_tech - Aplicação de Organização Financeira

Tópicos

O Projeto

Esse projeto tem como objetivo praticar e aprimorar habilidades e conhecimentos em desenvolvimento Back-End e Front-End. Para isso foi construído um projeto de aplicação em ambiente WEB para organização financeira adicionando transações especificando sua categoria entre as contas do usuário com seus respectivos tipos, e visualização de relatórios e gráficos dos dados e transações inseridas. Esse projeto foi desenvolvido com as funcionalidades de registrar todas receitas e despesas, visualizar os dados de forma rápida e fácil e assim ajudar a analisar todas as suas finanças.

Desenvolvedor

Projeto desenvolvido individualmente para uso pessoal e desenvolver habilidades.


José Carlos

Estrutura do Software

O sistema consiste nas funcionalidades de CRUD para Usuários, Contas, Tipos de Conta, Transações, Categoria da Transação, Grupo da Categoria e geração de relatórios e gráficos. As funcionalidades são acessadas através de páginas WEB para a listagem/cadastro/edição/deleção de todas as funciolidades acima descritas, as páginas devem ter navegação entre elas, e uma página para exibir os relatório de receitas e despesas. O sistema possui transações de retirada e suprimento, precisando ser selecionada a conta que vai ser movimentada e a categoria da transação para caracteriza-la. Sendo as categorias das transações definidas por grupo. O projeto foi desenvolvido dentro do Padrão da Arquitetura MVC. O sistema possui autenticação do usuário para acessar as funcionalidades do CRUD e relatório. Também possui integração com o Laravel Telescope para facilitar a depuração e análise de informações da aplicação.

Diagrama do Banco de Dados

Apresentação do Diagrama de Entidade Relacionamento desenvolvido no projeto.

Diagrama do Banco de Dados

Tecnologias

  • PHP 8.0
  • MySQL 8.0.27
  • Laravel 9.0
  • Bootstrap 5
  • Git

Como instalar e utilizar

  • Baixar ou clonar o projeto do Github.

  • Instalar o PHP (Versão 8.0 ou superior).

  • Instalar uma base de dados MySQL(MySQL Workbench) para armazenamento dos dados (Ou uma base de dados de sua preferência).

  • Configurar o arquivo .env, alterando as informações do banco de dados como o modelo a seguir feito para MySQL

    • DB_CONNECTION=mysql
      DB_HOST=127.0.0.1
      DB_PORT=3306
      DB_DATABASE=laravel
      DB_USERNAME=root
      DB_PASSWORD=
  • Abra o terminal na pasta do projeto e digite o comando para baixar as dependências do laravel através do composer (É necessário ter instalado o composer para realizar esses passos)

    • composer install
  • Continuando no terminal na pasta do projeto digite o comando para criar as tabelas no banco

    • php artisan migrate
  • Por fim no terminal na pasta do projeto digite o comando para iniciar o servidor para teste

    • php artisan serve
  • Pronto, a aplicação está rodando!

  • Vá ao navegador e digite a url:

    • http://localhost:8000/

Endpoints e Telas

Aqui está listado exemplo de Endpoints da aplicação em um servidor web online gratuito, para melhor orientação e visualização na utilização do sistema. A página inicial é a única que não precisa de autenticação do usuário, para acessar todas as outras páginas é necessário o Login para confirmar a autenticação do usuário. Possui um menu fixo para navegador desktop(lg) e com opção de expandir barra lateral para dispositivos menores(sm) que permitirá navegação entre as páginas do sistema.

Página Inicial

Tela de apresentação, possui acesso ao cadastro de conta e login do sistema

http://localhost/

HOME

Painel do Usuário - Dashboard

Tela de DASHBOARD, possui acesso as principais funcionalidades e relatórios simplificados do sistema em seu corpo.

http://localhost/usuario/inicial

DASHBOARD

carteira_tech's People

Contributors

dependabot[bot] avatar zecarlos558 avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Forkers

danielgomex

carteira_tech's Issues

Erro na tela de relatórios e nas funções showRenda e showGastos

Erro na tela de relatórios e nas funções showRenda e showGastos

Consegue arrumar?

/relatorio/showGasto
/relatorio/showRenda

Amigo, curti muito sua aplicação, mas vi que ao clicar em relatorios e chamado as 2 funções recebo varios erros

Illuminate
 \ 
Database
 \ 
QueryException
PHP 8.0.26
9.52.16
SQLSTATE[42000]: Syntax error or access violation: 1055 Expression #1 of ORDER BY clause is not in GROUP BY clause and contains nonaggregated column 'laravel.movimentos.valor' which is not functionally dependent on columns in GROUP BY clause; this is incompatible with sql_mode=only_full_group_by
SELECT
categorias.id AS id,
categorias.nome AS nome,
sum(movimentos.valor) AS valorTotal,
movimentos.tipo AS tipo
FROM
movimentos
INNER JOIN categorias ON categorias.id = movimentos.categoria_id
WHERE
movimentos.user_id_create = 1
AND tipo = retirada
AND MONTH(data) = 05
GROUP BY
categorias.id,
categorias.nome,
movimentos.tipo
ORDER BY
valor DESC

Expand vendor frames
7 vendor frames
App
 \ 
Http
 \ 
Controllers
 \ 
RelatorioController

: 197
showGasto
48 vendor frames
C:\wamp64\www\carteira-tech\carteira_tech\app\Http\Controllers\RelatorioController
.php

: 197

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.