Prazer, eu sou Diego
Bacharelando em Ciência da Computação na Universidade Federal do Rio de Janeiro, minhas áreas de interesse são Desenvolvimento de Software e Computação Gráfica.
Trabalho com desenvolvimento de sites, aplicativos e jogos.
-
Canotops
Para assistir este vídeo ative o Javascript e considere usar um navegador mais moderno.
Desenvolvi um plugin WordPress + WooCommerce integrado a um configurador 3D em Three.js, permitindo que clientes personalizassem tendas em tempo real e finalizassem a compra com todos os dados técnicos e visuais gerados automaticamente. Teste agora!
Status: Concluído.
Tempo: Abr/2025 - Jul/2025
Resumo
Atuei como desenvolvedor full stack criando um plugin WordPress personalizado capaz de substituir a página de produto do WooCommerce por um configurador 3D avançado construído em Three.js. O sistema permite ao usuário alterar cores, materiais, textos, estampas e outros atributos visuais, tudo renderizado em tempo real diretamente no navegador. Além da parte visual, implementei uma camada de automação que gera automaticamente mockups e arquivos vetoriais para o setor de produção, reduzindo o tempo entre o pedido e a fabricação. Toda a customização feita pelo cliente é salva e integrada ao fluxo padrão do WooCommerce, incluindo carrinho, checkout e histórico de pedidos.
Responsabilidades
- Desenvolver plugin WordPress customizado integrado ao WooCommerce.
- Criar e otimizar o configurador 3D usando Three.js com renderização interativa.
- Implementar lógica de personalização (cores, materiais, textos, decals).
- Gerar mockups e arquivos vetoriais automaticamente para produção.
- Armazenar as customizações do cliente no fluxo padrão do WooCommerce.
- Assegurar compatibilidade entre front-end 3D, backend WooCommerce e banco de dados.
- Garantir performance e boa experiência do usuário em dispositivos variados.
Tecnologias
- WordPress / WooCommerce
- PHP (hooks, endpoints, lógica de persistência)
- JavaScript / ES Modules
- Three.js (renderização 3D, materiais, texturas, canvas)
- WebGL
- HTML / CSS
- REST API (comunicação WP ↔ configurador)
- Ferramentas de geração de imagem/vetor Fabric.js
Características
- Configurador 3D totalmente integrado ao WooCommerce.
- Renderização em tempo real com materiais configuráveis.
- UI responsiva para desktop e mobile.
- Sistema de exportação automática para mockups/vetores.
- Armazenamento limpo e seguro das customizações.
- Arquitetura extensível para futuras variações de produtos.
Desafios encontrados
- Garantir performance do Three.js em dispositivos mais fracos.
- Otimizar UV mapping para permitir personalização correta nas superfícies da tenda.
- Manter compatibilidade com o fluxo padrão do WooCommerce sem alterar o core.
- Sincronizar as personalizações 3D com dados persistidos no backend.
- Gerar arquivos vetoriais precisos e tecnicamente utilizáveis pela produção.
- Controle de cache e carregamento rápido dos assets 3D e texturas.
- Evitar perdas de customização durante navegação entre páginas.
-
Prepara Vestibular
Para assistir este vídeo ative o Javascript e considere usar um navegador mais moderno.
Plataforma gratuita de resolução de questões para o vestibular, treine com simulados ou através do banco de questões com gabarito. Uma nova alternativa para ajudar os estudantes do País inteiro a se prepararem para as provas. Acesse já!
Status: Em produção.
Tempo: Jan/2023 - Atual
Resumo
O Projeto Prepara Vestibular é um projeto web full-stack de minha propriedade que ainda está em desenvolvimento.
Com o objetivo de prover soluções digitais para alunos estudarem por meio de questões, simulados, pesquisarem matérias e tirar dúvidas com professores. Além de também trazer praticidade para professores na hora de montar suas provas, lista de exercícios e gerar uma fonte de renda extra tirando dúvidas de alunos.
Responsabilidades
Como o projeto é uma iniciativa minha, fui responsável pela parte de programação do site, modelar o sistema, projetar o banco de dados, configurar o servidor, coordenar os profissionais (contratados) de designer e de marketing digital de acordo com os ideias do projeto.
Tecnologias
O Prepara Vestibular é construído em cima da stack TALL, sigla que significa Tailwindcss, Alpinejs, Laravel e Livewire.
Os diagrams UML foram feitos usando draw.io, o banco de dados usado é o MariaDB, Github Actions para automatização do deploy e o Stripe como gateway de pagamentos.
Características
- Banco de questões: base de dados que permite realizar consultas complexas, filtrando questões por assuntos gerais, especifícos, prova, ano e dificuldade.
- Simulados fluídos e bem responsíveis.
- Ajuda de professores: Aluno pode pedir ajuda a um professor dentro da plataforma. Sujeito a disponibilidade.
- Testes, testes e mais teste: Apesar de eu não seguir a risca o TDD (Test Driven Development), para este projeto me esforcei para escrever mais de 300 testes.
Desafios encontrados
- Dificuldade em popular a base de dados em razão da falta de uma api para consultar questões de vestibulares, sendo necessário cadastramento manual apoiado com técnicas de web scraping.
- A integração de um editor de texto para o cadastramento das questões foi bem desafiador, dado que as questões precisam possuir enunciado, metadados, e alternativas (essas que podem variar de quantidade e formato dependendo da prova).
- Montar a tela para realizar simulados foi particularmente bem trabalhosa.
- Uma novidade para mim foi desenvolver um sistema para limitar ações do usuário dependendo cargo que pertence: visitante, aluno não assinante, professor não assinante, aluno assinante e professor assinante.
- A parte de consentimento de usuário para os cookies não foi bem intuitiva.
- Gerenciamento das telas de portais dependendo do cargo do usuário: aluno, professor, administrador...
- SEO e montar as campanhas pagas.
-
PROMEC
Para assistir este vídeo ative o Javascript e considere usar um navegador mais moderno.
Realizei período de estágio onde fui responsável pela programação de alguns projeto sobre a supervisão de Leandro Gazoni:
Tempo: Nov/2023 - Ago/2024
Resumo
A PROMEC - Applied Modeling and Data Science, é uma empresa localizada no Parque Tecnologico da UFRJ, dentro do laboratório LAMCE onde também atua como Grupo de Mecanica Computacional. Durante meus 10 meses como estagiário trabalhei com projetos web com propósitos científicos.
Responsabilidades
- Desenvolvimento de aplicações em linguagens como: C++, Python, HTML/CSS e JavaScript;
- Utilização de frameworks de backend e frontend;
- Criação de Interfaces GUI avançadas, integrando tecnologias como Angular, Vue.js, e React para uma experiência visual aprimorada; construção de app desktop com Qt.
- Análise de Desempenho e Perfilagem de códigos front-end e back-end, otimizando a eficiência das aplicações desenvolvidas
- Desenvolvimento de aplicações para engenharia e ciência de dados, incorporando elementos de computação gráfica e visualização científica para uma experiência mais interativa e informativa.
Projetos realizados
- Ferramenta para visualização de dados geoespaciais usando Geotoolkit, Angular e Nodejs.
- Um dashboard para configuração de parâmetros de um modelo de Aprendizado de Máquina para pedição de uma planta de óleo e gás com um visualizador simplificado da planta usando Vuejs e Python3.
- Plot de gráfico de predição em tempo real usando sockets com plotly.js e python.
- Breve contato com computação gráfica 3D na web usando Paraview e Python.
Obs: Nem todos os projetos possuem vídeo.
Conquisterra Roguelie
Para assistir este vídeo ative o Javascript e considere usar um navegador mais moderno.
Desenvolvi um jogo indie 2D de plataforma feito na Godot Engine que mistura ação rápida com progressão roguelite no estilo Dead Cells. A ideia principal do projeto foi entregar um gameplay bem responsivo, com um loop de progressão viciante e desafios gerados de forma randômica, garantindo variedade e muita rejogabilidade a cada run. Jogue agora
Status: Concluído
Tempo: Ago/2025 - Set/2025
Resumo
Fui responsável pelo desenvolvimento completo de Conquisterra Roguelie, um jogo indie 2D de plataforma criado na Godot Engine, combinando ação rápida com progressão roguelite inspirada em Dead Cells. Implementei sistemas centrais como progressão de habilidades diálogo interativo, loja de upgrades, IA de chefões com padrões dinâmicos de ataque e shaders personalizados para efeitos visuais básicos (VFX). O foco do projeto foi criar gameplay responsivo, loop de progressão envolvente e desafios gerados de forma randômica, garantindo variedade e rejogabilidade.
Responsabilidades
- Desenvolvimento completo do jogo do zero utilizando a **Godot Engine**
- Criação e implementação do gameplay de plataforma 2D com foco em ação rápida e responsiva
- Desenvolvimento do sistema de progressão roguelite (habilidades, upgrades e evolução por run)
- Implementação de diálogos interativos e narrativa básica
- Criação da loja de upgrades e gerenciamento de economia do jogo
- Desenvolvimento da IA dos chefões, com padrões de ataque dinâmicos e variados
- Implementação de sistemas de geração randômica para fases e desafios
- Criação de shaders personalizados para efeitos visuais básicos (VFX)
- Balanceamento de dificuldade e ajustes do loop de progressão
- Garantia de rejogabilidade, variedade e consistência da experiência do jogador
Características
- Diferentes tipo de notas: notas douradas, bombas, dinheiro e pontos de habilidade.
- Sistema de upgrade dentro da fase estilo roguelike (como Vampire Suvivors e outros jogos do gênero)
- Loja de upgrades e de skins.
- Persistencia do progresso do jogador.
Desafios encontrados
- Garantir um gameplay responsivo e preciso, essencial para um jogo de ação rápida
- Criar um loop de progressão envolvente que recompensasse o jogador mesmo após derrotas
- Desenvolver IA de chefões com padrões de ataque dinâmicos e variados sem comprometer a performance
- Manter a variedade e rejogabilidade usando geração randômica sem perder coerência no design das fases
- Implementar múltiplos sistemas interdependentes (habilidades, upgrades, loja, diálogos) de forma organizada e escalável
- Trabalhar com shaders e VFX personalizados sem impactar negativamente o desempenho
- Ajustar o balanceamento entre risco e recompensa ao longo das runs
- Gerenciar o escopo do projeto sendo um desenvolvimento solo, evitando feature creep
- Polir a experiência final garantindo consistência visual, mecânicas claras e feedback ao jogador
Elliots Great Symphony
Para assistir este vídeo ative o Javascript e considere usar um navegador mais moderno.
Fui responsável por programar um jogo musical na Unity estilo Guitar Hero com elementos de roguelike.
Seu objetivo é completar a fase principal acertando as notas douradas, evitando as notas bombas e coletando dinheiro e pontos de habilidade durante a fase. Se errar a nota dourada você perde vida até gameover.
Durante a fase você terá a chance de coletar notas de upgrades que derão poderes para te ajudar a completar a fase.
Status: Concluído
Tempo: Jan/2025 - Mar/2025
Resumo
Elliots Great Symphony é um jogo musical estilo Guitar Hero com elementos de roguelike sobre um músico que foi convocado por uma agência de detetives para desvendar o segredo de um texto escrito por instrumentos musicais de outro mundo.
Projeto foi desenvolvido na Unity com uma loja de upgrades, loja de skins, 2 fases de aproximadamente 20 minutos, algumas cutscenes e diálogos simples,
Projeto chegou a mim pelo 99freelas.
Responsabilidades
- Programação de jogos Unity
- Suporte ao cliente.
Características
- Diferentes tipo de notas: notas douradas, bombas, dinheiro e pontos de habilidade.
- Sistema de upgrade dentro da fase estilo roguelike (como Vampire Suvivors e outros jogos do gênero)
- Loja de upgrades e de skins.
- Persistencia do progresso do jogador.
Desafios encontrados
- Sincronização das notas com a música
- Construções das telas e do HUD do jogo
- Sistema de leitura e escrita do progresso do jogador
- Sistema de upgrades e de skins.
- Garantir que o jogo esteja dentro da visão do cliente.
Minijogos Educativos
Para assistir este vídeo ative o Javascript e considere usar um navegador mais moderno.
Coletânea de minijogos educativos encomendados por uma escola. A temática dos jogos foi construída através da ajuda dos professores, jogue agora!
Status: Concluído
Tempo: Mar/2022 - Mai/2022
Resumo
Este projeto é composto por 16 jogos para o navegador com público alvo para crianças e foi encomendado por uma escola em São Paulo. O trabalho chegou a mim por indicação em um dos canais internos da GDP.
Responsabilidades
Para este projeto eu trabalhei como colaborador programador de jogos da Garoa Studios, participei das reuniões com o cliente e nas tomadas de decisão em relação a tecnologias usada no projeto.
Tecnologias
Como um diferencial dos minijogos sejam que funcionem bem no navegador, foi decidido usar um solução própria para o navegador, dessa forma usamos Phaser 3, um framework de desenvolvimento jogos HTML5.
Cuidado e Afeto
Para assistir este vídeo ative o Javascript e considere usar um navegador mais moderno.
Plataforma para marcar consulta com profissionais de Enfermagem e Cuidadores Pessoais no Rio de Janeiro.
Status: Concluído
Tempo: Jan/2022 - Jun/2022
Resumo
Desenvolver um site cujo objetivo será reunir profissionais qualificados de enfermagem e cuidadores pessoais onde os clientes irão acessar o site, acessar o catálogo de profissionais e selecionar um profissional disponível para atender um paciente.
Cada consulta conterá informação de: quem é o cliente solicitante, o paciente, quem é o profissional, a data e hora da consulta, a jornada de trabalho, o número da consulta, valor da consulta, forma de pagamento.
Responsabilidades
Para este projeto o cliente chegou a mim por indicação, então eu fiz entrevista, consultoria, análise de requisitos e por fim orçamento.
Após aprovação do projeto foi dado início a modelagem do sistema e da base de dados, programação do site e configuração do servidor.
Ao longo do projeto foram feitas reuniões de acompanhamento quinzenais com o cliente e reuniões semanais com o designer responsável do projeto.
Tecnologias
O Cuidado e Afeto foi desenvolvido com o NextJS + Typescript para geração das páginas estáticas, o framework bootstrap e os dados do banco de dados são consumidos no lado do cliente através de uma API feita usando Lumen, um micro-framework baseado em Laravel.
Os diagramas UML foram feitos usando draw.io, o banco de dados usado é o MariaDB, Github Actions para automatização do deploy e o pagseguro como gateway de pagamentos.
Características
- Pesquisa por dia: Página intuítiva para pesquisar profissionais disponíveis por data.
- Profissionais verificados: Apenas profissionais verificados terão o cadastro aceito, aumentando segurança do cliente.
- Entre em contato diretamente com o profissional após confirmação do pagamento.
- Integração do sistema de pagamento por meio do gateway de pagamentos, principalmente a parte do PIX.
Desafios encontrados
- Muito aprendizado em relação a gerenciamento de projeto e do cliente.
- Como único do desenvolvedor do projeto, foi muito trabalhoso gerenciar repositórios diferentes com tecnologias tão distintas, um sistema que roda no lado do cliente em React e um backend em php.
- O dashboard de gerenciamento do administrador tomou muito mais tempo de execução do que o previsto, principalmente para implantação dos token JWT para autenticação.
- O componente para selecionar a data nas telas de exibir os profissionais disponíveis e dentro do perfil do profissional (onde mostra os horários disponíveis do profissional), foi surpreendemente mais difícil que imaginado.
LandingPage para o EstudioZ
Para assistir este vídeo ative o Javascript e considere usar um navegador mais moderno.
Landing page para estudio Artístico do Rio de Janeiro. Acessa já!
Status: Concluído
Tempo: Set/2022
Resumo
Uma landing page para divulgar os trabalhos do estúdio. Trabalho chegou a mim por indicação.
Responsabilidades
Programar um site responsivo, que deve possuir uma paleta de cores dinâmica (ao recarregar a tela, as cores devem trocar) e também dar um mínimo de autonomia ao cliente: as seções devem ser dinâmicas de acordo com pastas que são criadas com conteúdo no lado do servidor.
Configurar o servidor e deploy do site, projeto não possui base de dados, apenas usa o sistema de arquivos.
Tecnologias
Site foi construído usando apenas php, sem framework, usando um forte paradigma de MVC e Orientação a Objetos. Já para o front end, tecnologias base: HTML5, javascript e framework tailwindcss.
Características
- Paleta de cores dinamicas.
- Seções da página dinâmicas.
- Envio de emails.
- Ferramentas do Google Analyics, Search Console e Google Ads configurados.
Desafios encontrados
- Alterar a paleta de cores da página foi inusitado para mim. Problema foi solucionado usando um cookie de sessão que guarda qual tema está sendo visto, e uma lista estática de cores repassadas pelo cliente. Essa lista é iterada e altera valores da variável css.
- Exibir os livros do estúdio num estilo de revista.
Acesse minha página no Github para ver projetos menores que foram usados para estudo e não estão em produção
