Esse repositório contém os arquivos do front-end do projeto Algamoney, construído e ensinado pela AlgaWorks no curso Fullstack Angular e Spring.
O Algamoney é um software para controle e acompanhamento financeiro de receitas e despesas.
Veja também o repositório com a API do back-end.
Ele foi desenvolvido com as seguintes tecnologias:
- Back-end: API REST com o framework Spring Boot 2.5 no Java 16
- Front-end: Single-Page Application (SPA) com Angular 10
- Biblioteca de componentes PrimeNG na interface de usuário
- Autenticação e autorização de usuário com OAuth 2 e JWT (JSON Web Token)
- Banco de dados MariaDB 10
- Flyway (migrações do banco de dados)
- Jaspersoft JasperReports (relatórios em PDF)
- Apache Maven (gerenciador de projetos e dependências)
- Node.js e NPM (Node Package Manager) para controle de dependências e building do front-end.
Página de login
Dashboard com gráficos de pizza e linha com informações dos lançamentos do último mês
Página de edição de uma pessoa
Inserindo informações de contato no registro de uma pessoa
Registrando um lançamento financeiro de receita
Buscando um lançamento com a descrição de mercado e data de vencimento
Buscando as pessoas que possuem "Mari" no nome
Página de relatórios - definindo o intervalo da data de vencimento para o relatório a ser gerado
Arquivo em PDF com o relatório de lançamentos
Para o front-end funcionar, o Node.js e o NPM (Node package manager) devem estar instalados no computador.
Clone esse projeto usando o git, o comando é: git clone https://github.com/israelferreira/algamoney-ui.
Para executar o projeto é necessário acessar o diretório algamoney-ui usando o Prompt de Comandos do Node.js e baixar as dependências com o comando npm install.
Para iniciar o servidor de desenvolvimento, use o comando ng serve, a URL que deve ser acessada no navegador é http://localhost:4200/.
Para colocar em produção, é necessário configurar o ambiente do projeto. Configure o arquivo src/environments/environment.prod.ts com a URL da API do Spring Boot.
Agora, de volta no Angular CLI, use o comando ng build --prod, os arquivos do build ficam armazenados na pasta dist/.
Para o software algamoney funcionar corretamente, a API REST do back-end precisa estar em execução.
Feito por Israel Ferreira. 👋🏽 Entre em contato!
