Eu sou o Guilherme, desenvolvedor full-stack

01

Sistema de Gestão

Plataforma web que a equipe da Financial Experts usa para gerenciar cursos, turmas e alunos, fazer a chamada e acompanhar frequência, evasão e conversão em relatórios e dashboards de métricas. Também tem um módulo público de reposição de aulas, em que o aluno escolhe um novo horário por um link, sem precisar de login.

Tecnologias: HTML, CSS e JavaScript puro (ES Modules, sem framework e sem build), com Supabase (PostgreSQL, Auth e Row Level Security) no back-end, SheetJS para importar e exportar planilhas Excel, gráficos em SVG e deploy na Vercel.

Gestão de alunos

02

Meu Fluxo de Caixa

Aplicação web que ajuda alunos a planejar a receita e os gastos mês a mês, numa planilha interativa que calcula sozinha o saldo mensal e o acumulado e mostra quanto a pessoa está economizando.

Tem uma aba "Realizada" que compara o que foi gasto de verdade com o que foi planejado, célula por célula, além de um gráfico da evolução do saldo e login individual.

Desenvolvida com HTML, CSS e JavaScript puro, sem frameworks, com gráfico em SVG feito do zero e Supabase (PostgreSQL, autenticação e segurança por usuário com RLS) como backend.

Planejamento financeiro

03

Calculadora de Juros

Na Financial Experts, alunos usam este simulador para ver as fórmulas virarem números e comparar cenários de aposentadoria.

Usa juros compostos reais, gráficos em SVG, tema claro/escuro e layout responsivo.

São 3 calculadoras (acumulação, aporte mensal e renda futura), feitas em HTML, CSS e JavaScript puro.

Simulador financeiro

04

Sistema Geral

É um sistema que reúne todos os sistemas da Financial Experts em um só sistemas, com login único e acesso direto a cada sistema. Com um banco de dados unificado para todos os sistemas financial experts terem apenas um login e se encontrarem em apenas um lugar.

Tecnologias: HTML, CSS e JavaScript puro (ES Modules, sem framework e sem build), com Supabase (PostgreSQL, Auth e Row Level Security) como banco único de todos os sistemas, que abrem dentro do portal já com a sessão do aluno.

Portal de sistemas

05

Gestão de Reuniões

Sistema da Financial Experts para organizar as reuniões de alinhamento com os professores. Cada professor tem uma página com as próximas reuniões e as que já aconteceram, e cada reunião guarda anotações separadas por categoria, como feedback e atualização de aulas.

As anotações são escritas num editor de texto no estilo do Google Docs, feito do zero, que salva sozinho e guarda o texto no aparelho se a internet cair.

Tecnologias: HTML, CSS e JavaScript puro (ES Modules, sem framework e sem build), com Supabase (PostgreSQL, Auth e Row Level Security) no back-end, compartilhando o banco e os logins do Sistema de Gestão.

Gestão de professores

06

Calculadora Financeira

Serve para o cálculo de juros compostos, aportes mensais, renda futura e taxa de juros.

Tecnologias: HTML, CSS e JavaScript puro, sem framework e sem build, com tema claro/escuro e o mesmo login do Meu Fluxo de Caixa (Supabase Auth).

Matemática financeira

07

Carteira de Investimentos

Serve para o aluno descobre o próprio perfil de investidor (conservador, moderado ou arrojado), monta a própria carteira e compara com a alocação sugerida para esse perfil.

Ele digita os valores em reais e o sistema transforma tudo em porcentagem: as duas carteiras aparecem em gráficos de rosca, e uma tabela mostra quanto aumentar ou diminuir em cada categoria para chegar na sugerida.

Tecnologias: HTML, CSS e JavaScript puro, sem framework e sem build, com gráficos em SVG e Supabase (PostgreSQL, Auth e Row Level Security) guardando a carteira de cada aluno.

Investimentos

08

Simulador de Escolhas

Duas atividades do curso Evolution. Em "Vanessa e Karine", o aluno refaz as contas de quatro decisões que as duas tomaram ao longo de 40 anos, e o sistema confere cada cálculo e dá uma dica quando ele erra.

Em "Seu dinheiro no tempo", um jogo no estilo Kahoot para alunos de 13 a 16 anos, cada escolha dá ou tira pontos em receita, patrimônio, conhecimento e bem-estar. No fim aparecem o placar e um ranking geral que se atualiza sozinho.

Tecnologias: HTML, CSS e JavaScript puro, sem framework e sem build, com Supabase (PostgreSQL, Auth e Row Level Security) guardando o ranking.

Educação financeira

01

Landing Page VeriSeal

Site de apresentação do lacre inteligente. Conforme a pessoa rola a página, uma garrafa em 3D, renderizada no próprio navegador, conta a história do produto: o problema da adulteração, o lacre com chip NFC e a verificação pelo celular.

A garrafa também gira com o mouse ou com o dedo, para ver o lacre de todos os lados.

Tecnologias: HTML, CSS e JavaScript puro, com a cena 3D em WebGL (Three.js), texturas desenhadas em canvas e animações sincronizadas com a rolagem da página.

Site 3D

02

VeriSeal Delivery

Loja de delivery de destilados (whisky, gin, vodka e cachaça) que só vende garrafas com o lacre VeriSeal. Tem catálogo com busca e categorias, ofertas, kits, sacola, frete calculado pelo CEP e checkout com Pix, cartão ou pagamento na entrega.

Ao receber o pedido, o cliente encosta o celular no lacre e o navegador já abre o resultado, original ou violado, sem precisar instalar aplicativo.

Tecnologias: HTML, CSS e JavaScript puro, sem framework, com o lacre desenhado em SVG sobre a foto de cada garrafa, consulta de CEP pela API ViaCEP e banco de dados modelado em MySQL.

E-commerce

01

BS Físio

Site para uma fisioterapeuta. Fiz o layout, coloquei no ar e cuidei da hospedagem. A ideia era mostrar os atendimentos de forma simples e deixar o contato sempre à mão.

Fisioterapia

02

Seven Incorporadora e Construtora

Site para uma empresa de construção. O foco foi passar solidez logo de cara e deixar os serviços bem organizados, sem o visitante precisar caçar informação.

Construção

03

New Edtech

Site para uma empresa de educação. Montei para explicar a proposta de ensino de forma direta, sem encher a página de texto.

Educação

04

Dr. Igor

Site para um cirurgião-dentista. A ideia era passar confiança logo de início e deixar o contato sempre por perto.

Odontologia

05

Dra. Priscilla

Site feito pensando primeiro no celular, que é de onde vem a maior parte dos acessos. Montei a estrutura para encurtar ao máximo o caminho até o contato, o objetivo aqui não era só estar bonito, era converter visita em cliente.

Clínica