DinDin
controle financeiro
Contexto
Visão Geral do Projeto
O DinDin é um projeto pessoal de controle financeiro que propõe uma nova forma de gerenciar gastos, tão simples quanto uma conversa no WhatsApp.
Seu objetivo é trazer praticidade para o dia a dia, permitindo que você registre entradas e saídas de forma rápida e intuitiva, ideal para quem costuma esquecer ou não quer perder tempo com categorias e planilhas. Além da facilidade no registro, o DinDin oferece um resumo mensal organizado, ajudando você a visualizar seus gastos e receitas de maneira clara e direta.
Ferramentas Usadas
Figma (para o design)
Reactjs, Tailwind CSS
Linha do Tempo
Inicio: Maio 2025
Previsão de conclusão: Agosto 2025
Processo criativo
O visual do DinDin foi pensado para ser simples, acessível e funcional. A identidade visual combina tons de verde, que transmitem segurança, com detalhes em vermelho para alertas, tudo dentro de uma paleta moderna e equilibrada. As fontes Roboto e Inter garantem boa legibilidade, e as telas foram prototipadas com foco na experiência mobile.
A navegação é fluida e a interface conversa com o usuário, literalmente, com um sistema de chat que torna o registro de gastos mais leve e intuitivo. Cada detalhe foi construído com base em um sistema de design consistente, garantindo harmonia visual e usabilidade.
Visão geral do protótipo
Funcionalidades Implementadas
- Interface de chat funcional: Sistema de mensagens que simula uma conversa real para registro de gastos
- Reconhecimento básico de padrões: Identifica valores e descrições em mensagens do usuário.
- Tela de resumo inicial: Visualização simples de entradas e saídas de mês atual.
- Armazenamento local: Persistência dos dados no localStorage do navegador.
Desafio e Aprendizado
Durante o desenvolvimento do DinDin, enfrentei alguns desafios interessantes que me proporcionaram um grande aprendizado:
Desafios Encontrados
-
Processamento de linguagem natural
Implementar um sistema que entenda e processe mensagens de texto de diferentes formas, como "Hoje gastei R$50 com comida" ou "Recebi R$200 de salário". -
Experiência do usuário
Criar um fluxo de conversa que seja intuitivo e que não exija comandos específicos, permitindo que o usuário registre de forma natural.
Soluções Implementadas
-
Expressões Regulares
Utilizei expressões regulares para identificar padrões de texto e extrair informações relevantes das mensagens do usuário, como valores monetários e descrições de gastos ou entradas. -
FeedBack visual
Desenvolvi uma interface de chat que responde de forma clara e amigável, proporcionando uma experiência de usuário fluida e intuitiva.
Interfaces implementadas
Até o momento, já foram implementadas duas telas principais:
- Tela de Resumo: onde o usuário pode visualizar um resumo de suas finanças.
- Tela de Chat: onde o usuário pode registrar gastos e entradas de forma interativa.
.png)
Identidade Visual
Próximas Etapas
Desenvolvimento das Telas Restantes
Construção das telas que ainda faltam além das já implementadas, priorizando a estrutura do frontend.
Responsividade
Implementação de uma versão responsiva para tablets e desktops.
Implementação do Backend
Implementação do backend e banco de dados para persistência de dados reais.