💰 FinPro – Frontend

Integrantes Isabel Tenório | Iasmin Raquel | Tayane Cibely | Leonardo Nunes | Izabel Nascimento | Letícia Lívia

📃 Sobre o Projeto

Este repositório contém a interface frontend do sistema FinPro, uma aplicação web para gestão financeira pessoal, desenvolvida com Angular 19 e TypeScript. O projeto está sendo realizado para a disciplina de Projeto de Desenvolvimento do curso de Bacharelado em Ciência da Computação da UFAPE, sob orientação do professor Rodrigo Gusmão de Carvalho Rocha, como parte do Período 2025.1.

O FinPro é um sistema que oferece uma plataforma completa para controle de finanças pessoais.

O frontend se comunica com um backend em Spring Boot, disponível neste repositório.

📍 Objetivos do Sistema

• Permitir que usuários controlem suas finanças pessoais de forma digital e organizada
• Oferecer uma interface intuitiva para cadastro e visualização de despesas
• Implementar sistema de autenticação seguro com diferentes níveis de acesso
• Proporcionar um dashboard centralizado com informações financeiras relevantes
• Facilitar o acompanhamento de gastos através de categorização

🛠️ Tecnologias Usadas

• Angular 19 - Framework principal
• TypeScript - Linguagem de programação

🚧 Status do Projeto

🔨 Em desenvolvimento - Entrega parcial referente ao Período 2025.1

📂 Organização

Este repositório está organizado com:

• src/app/auth/ – Módulo de autenticação (login, registro, guards)
• src/app/dashboard/ – Dashboard principal do sistema
• src/app/home/ – Página inicial
• src/app/entity/ – Interfaces e modelos de dados
• src/environments/ – Configurações de ambiente
• public/assets/ – Arquivos estáticos (imagens, ícones)
• src/styles.css – Estilos globais

🚀 Instruções para rodar localmente

Pré-requisitos

1. Backend (API) rodando - Certifique-se de que o backend Spring Boot esteja executando em https://finpro-service-191642919864.southamerica-east1.run.app/register
2. Node.js na versão mais atual
3. Angular CLI instalado globalmente

Instalação e Execução

1. Clonar o repositório:

git clone https://github.com/Projeto-Des-SW/finpro-front.git
cd finpro-front

2. Instalar as dependências:

npm i

3. Instalar Angular CLI globalmente (se não tiver):

npm install -g @angular/cli

4. Executar em ambiente de desenvolvimento:

ng serve

O sistema estará disponível em: https://finpro-service-191642919864.southamerica-east1.run.app/register

📡 Configuração

Ambiente de Desenvolvimento

O arquivo src/environments/environment.prod.ts está configurado para:

export const environment = {
  production: true,
  apiUrl: 'https://finpro-service-191642919864.southamerica-east1.run.app'
};

Certifique-se de que o backend esteja rodando na porta 8080 antes de iniciar o frontend.

🎨 Interface

🔙 Protótipos Figma

🌐 Hospedagem

O sistema também está disponível online em:
FinPro

📎 Links Relacionados

🔙 Backend do FinPro (Spring Boot)
🎥 Pitch

👨‍🏫 Professor Responsável

Rodrigo Gusmão de Carvalho Rocha
Disciplina: Projeto de Desenvolvimento – UFAPE
Período: 2025.1

📄 Licença

Este projeto está sendo desenvolvido para fins acadêmicos como parte da disciplina de Projeto de Desenvolvimento da UFAPE.