Technical Portfolio

Construindo o sistema operacional da evolução financeira.

O Zelon combina engenharia moderna, arquitetura escalável e experiência centrada no usuário para transformar planejamento financeiro em evolução patrimonial.

GitHub RepositoryTypeScriptSupabaseReact
www.zelon.com.br/dashboard
Receita
R$ 24.8k
+12%
Patrimônio
R$ 312k
+8.4%
Reserva
R$ 48.2k
100%
Evolução patrimonial
12M
Visão do Produto

Mais que um aplicativo financeiro.

O Zelon foi projetado como um ecossistema de evolução financeira composto por módulos especializados que trabalham em conjunto.

Capture
01
Meu Mês
02
Planejamento
03
Estratégias
04
Patrimônio
05
Evolução
06
Alliance
07
Arquitetura

Arquitetura modular.

Frontend

LAYER 01
ReactTypeScriptViteTailwind

Application Layer

LAYER 02
Regras financeirasPlanejamento inteligenteAllianceSimulador

Backend

LAYER 03
SupabasePostgreSQLAuthStorageEdge Functions

Infraestrutura

LAYER 04
GitHubDeployPWA
Stack

Tecnologia utilizada.

Frontend

  • React
  • TypeScript
  • Vite
  • Tailwind CSS
  • Shadcn UI

Backend

  • Supabase
  • PostgreSQL
  • Row Level Security
  • Edge Functions

Infraestrutura

  • GitHub
  • Versionamento
  • PWA
Estrutura do projeto

Organização do código.

Arquitetura organizada para facilitar manutenção, escalabilidade e colaboração — cada pasta tem uma responsabilidade clara dentro do ecossistema.

Manutenção
Camadas isoladas
Escalabilidade
Pronto para crescer
Colaboração
Padrão consistente
Onboarding
Estrutura previsível
zelon · main
tree
src/
├── components/
├── pages/
├── hooks/
├── contexts/
├── services/
└── utils/

supabase/
├── functions/
└── migrations/

public/
Seções do sistema

Oito seções. Um ecossistema.

MODULE

Capture

Registro rápido de despesas.

MODULE

Meu Mês

Controle financeiro mensal.

MODULE

Patrimônio

Construção patrimonial.

MODULE

Dívidas

Gestão de passivos.

MODULE

Reserva

Reserva de emergência.

MODULE

Estratégias

Recomendações financeiras.

MODULE

Simulador

Planejamento de independência financeira.

MODULE

Alliance

Gamificação e retenção.

Diferenciais de engenharia

Projetado para crescer.

Modularidade

Cada módulo evolui independentemente.

Escalabilidade

Arquitetura preparada para milhares de usuários.

Segurança

Controle de acesso baseado em Supabase Auth.

Performance

Frontend otimizado com Vite.

Progressive Web App

Experiência semelhante a aplicativo nativo.

Evolução contínua

Deploys frequentes e melhorias constantes.

Fluxo de dados

Como a informação circula.

STEP 01
Usuário
STEP 02
Capture
STEP 03
Banco de Dados
STEP 04
Planejamento Inteligente
STEP 05
Estratégias
STEP 06
Alliance
STEP 07
Feedback ao Usuário
Métricas do projeto

O projeto em números.

Linguagem Principal
TypeScript
Backend
Supabase
Banco
PostgreSQL
Arquitetura
Modular
Plataforma
Web + PWA
Deploy
Cloud
Controle de Versão
GitHub
Processo de desenvolvimento

Construído em ciclos rápidos.

1
Ideação
2
Prototipação
3
Desenvolvimento
4
Testes
5
Deploy
6
Feedback
7
Iteração
Roadmap Técnico

Próximas evoluções.

planned

IA Financeira

Recomendações inteligentes.

planned

Insights Preditivos

Antecipação de riscos.

planned

Planejamento Automatizado

Assistente financeiro.

planned

Ecossistema Integrado

Expansão da plataforma.

Repositório

Transparência e evolução contínua.

Commits
1.2k+
Módulos
08
Tecnologias
12
Releases
24
Chamada Final

Engenharia com propósito.

O objetivo do Zelon não é apenas organizar finanças. É construir a infraestrutura digital necessária para que qualquer pessoa consiga evoluir financeiramente ao longo da vida.