Pular para o conteúdo
Todos os projetos
Logo do EurOrçamento

EurOrçamento

Aplicação web de finanças pessoais em euros, com receitas, despesas, categorias, exportação para Excel e inclusão opcional do saldo da conta Wise.

Ano
2025
Tipo
Open Source
Situação
Em produção
Código
Aberto

Tecnologias

  • React
  • TypeScript
  • Firebase
  • Styled Components
Imagem do projeto EurOrçamento

Sobre o projeto

O EurOrçamento é uma aplicação web de código aberto para organizar finanças pessoais em euros. Permite registrar receitas e despesas, classificar transações e acompanhar o saldo de cada período.

Problema

Durante minha experiência na Europa, precisei acompanhar despesas em euros separadamente das finanças no Brasil. O aplicativo que eu utilizava não atendia bem ao controle nas duas moedas, o que dificultava organizar os registros e consultar o saldo disponível.

Solução

Desenvolvi uma aplicação dedicada às movimentações em euros. O painel reúne receitas, despesas e saldo, enquanto a lista de transações permite busca e exportação para planilha. O saldo de uma conta Wise pode ser incluído no total apresentado.

Minha atuação

Desenvolvi o projeto integralmente e disponibilizei o código no GitHub. Fui responsável pela interface, pela modelagem de transações e categorias, pela autenticação, pelo armazenamento dos dados e pela publicação.

Principais funcionalidades

  • Registro de receitas e despesas com descrição, valor, categoria e data
  • Resumo de receitas, despesas e saldo por período
  • Criação e edição de categorias
  • Busca e paginação de transações
  • Exportação para Excel
  • Inclusão opcional do saldo da conta Wise no total
  • Acesso com e-mail e senha

Arquitetura e decisões técnicas

A aplicação utiliza React e TypeScript, com estilos em Styled Components. O Firebase reúne autenticação e banco de dados, reduzindo a necessidade de manter um backend próprio.

Durante o desenvolvimento, o MirageJS simulou a API para permitir a evolução da interface antes da integração com o armazenamento definitivo. Os formulários utilizam validação com Yup, e os arquivos Excel são gerados no navegador com a biblioteca XLSX.

Resultado

Aplicação publicada e utilizada no meu controle financeiro pessoal, com código aberto no GitHub.

Tecnologias

React, TypeScript, Firebase, Styled Components, Yup e XLSX.