[{"content":"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á!\nIntrodução O Projeto Prepara Vestibular é um projeto web full-stack de minha propriedade que ainda está em desenvolvimento.\nCom 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.\nResponsabilidades 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.\nTecnologias O Prepara Vestibular é construído em cima da stack TALL, sigla que significa Tailwindcss, Alpinejs, Laravel e Livewire.\nOs 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.\nCaracterí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.\nDesafios 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\u0026hellip; SEO e montar as campanhas pagas. ","permalink":"https://www.devdiegomatos.com.br/projetos/prepara-vestibular/","summary":"\u003cp\u003ePlataforma 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. \u003ca href=\"https://www.preparavestibular.com.br\"\u003eAcesse já!\u003c/a\u003e\u003c/p\u003e\n\u003ch2 id=\"introdução\"\u003eIntrodução\u003c/h2\u003e\n\u003cp\u003eO Projeto \u003ca href=\"https://www.preparavestibular.com.br\"\u003ePrepara Vestibular\u003c/a\u003e é um projeto web full-stack de minha propriedade que ainda está em desenvolvimento.\u003c/p\u003e\n\u003cp\u003eCom 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.\u003c/p\u003e","title":"Prepara Vestibular"},{"content":"Projeto final da disciplina Algebra Linear Algoritma do curso de Ciência da Computação.\nProjeto consiste em transformar uma imagem que está \u0026ldquo;torta\u0026rdquo; e corrigir sua perspectiva através de coordenadas homogênias e funções afim.\nTrabalho foi desenvolvido com Python3, veja o código fonte aqui.\n","permalink":"https://www.devdiegomatos.com.br/projetos/retificacao-perspectiva/","summary":"\u003cp\u003eProjeto final da disciplina Algebra Linear Algoritma do curso de Ciência da Computação.\u003c/p\u003e\n\u003cp\u003eProjeto consiste em transformar uma imagem que está \u0026ldquo;torta\u0026rdquo; e corrigir sua perspectiva através de coordenadas homogênias e funções afim.\u003c/p\u003e\n\u003cp\u003eTrabalho foi desenvolvido com Python3, veja o código fonte \u003ca href=\"https://github.com/devdiegomatos/UFRJ-Laboratorios/tree/main/Projeto%20final%20Algebra%20Linear%20-%202022-02\"\u003eaqui\u003c/a\u003e.\u003c/p\u003e\n\r\n\u003cvideo src=\"/videos/projeto-ala-warp-perspective-2.mp4\" controls muted\u003e\u003c/video\u003e","title":"Retificação de Perspecctiva"},{"content":"A mãe de Lia pegou a doença do Slime e agora ela precisa encontrar o remédio para sua mãe. Ajude Lia a se aventurar através de floresta mágica para se encontrar com seu tio e ajudar sua mãe.\nEste jogo foi desenvolvido como parte do processo seletivo LAJE 2021 para o grupo de extensão GDP UFRJ dentro de um prazo de 2 semanas usando Godot 3.\nO jogo encontra-se disponível gratuitamento aqui. Veja também o código fonte.\n","permalink":"https://www.devdiegomatos.com.br/projetos/lia-na-floresta-magica/","summary":"\u003cp\u003eA mãe de Lia pegou a doença do Slime e agora ela precisa encontrar o remédio para sua mãe. Ajude Lia a se aventurar através de floresta mágica para se encontrar com seu tio e ajudar sua mãe.\u003c/p\u003e\n\u003cp\u003eEste jogo foi desenvolvido como parte do processo seletivo \u003ca href=\"https://www.youtube.com/playlist?list=PLnNxNQmWoZVxRj74gNexY_GN9OClQ9dd8\"\u003eLAJE 2021\u003c/a\u003e para o grupo de extensão \u003ca href=\"https://gdpufrj.itch.io/\"\u003eGDP UFRJ\u003c/a\u003e dentro de um prazo de 2 semanas usando Godot 3.\u003c/p\u003e\n\u003cp\u003eO jogo encontra-se disponível gratuitamento \u003ca href=\"https://gdpufrj.itch.io/laje-4\"\u003eaqui\u003c/a\u003e. Veja também o \u003ca href=\"https://github.com/Espetinho-de-Legumes/Lia-na-Floresta-Magica\"\u003ecódigo fonte\u003c/a\u003e.\u003c/p\u003e","title":"Lia Na Floresta Magica"},{"content":"Projeto final de Programação Concorrente 2024.02: Segmentação de Imagens usando método limite (Thresholding).\nPrincipal objetivo do trabalho é aplicar concorrência na leitura das imagens para aplicar o método, também foi desenvolvido uma interface gráfica usando Qt6 e C++ para o usuário: selecionar a imagem, escolher modo sequencial ou concorrente do programa, rodar o solver, salvar o resultado. Veja também o código fonte.\n","permalink":"https://www.devdiegomatos.com.br/projetos/segmentacao-imagem-thresholding/","summary":"\u003cp\u003eProjeto final de Programação Concorrente 2024.02: Segmentação de Imagens usando método limite (Thresholding).\u003c/p\u003e\n\u003cp\u003ePrincipal objetivo do trabalho é aplicar concorrência na leitura das imagens para aplicar o método, também foi desenvolvido uma interface gráfica usando Qt6 e C++ para o usuário: selecionar a imagem, escolher modo sequencial ou concorrente do programa, rodar o solver, salvar o resultado. Veja também o \u003ca href=\"https://github.com/devdiegomatos/UFRJ-Laboratorios/tree/main/programacao-concorrente-2024-01/trabalho-final\"\u003ecódigo fonte\u003c/a\u003e.\u003c/p\u003e\n\r\n\u003cvideo src=\"/videos/projeto-progconc-qt.mp4\" controls muted\u003e\u003c/video\u003e","title":"Segmentacao de Imagem por Thresholding"},{"content":"Introdução 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.\nResponsabilidades 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.\n","permalink":"https://www.devdiegomatos.com.br/trabalhos/promec/","summary":"\u003ch2 id=\"introdução\"\u003eIntrodução\u003c/h2\u003e\n\u003cp\u003eA 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.\u003c/p\u003e\n\u003ch2 id=\"responsabilidades\"\u003eResponsabilidades\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003eDesenvolvimento de aplicações em linguagens como: C++, Python, HTML/CSS e JavaScript;\u003c/li\u003e\n\u003cli\u003eUtilização de frameworks de backend e frontend;\u003c/li\u003e\n\u003cli\u003eCriaçã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.\u003c/li\u003e\n\u003cli\u003eAnálise de Desempenho e Perfilagem de códigos front-end e back-end, otimizando a eficiência das aplicações desenvolvidas\u003c/li\u003e\n\u003cli\u003eDesenvolvimento 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.\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2 id=\"projetos-realizados\"\u003eProjetos realizados\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003eFerramenta para visualização de dados geoespaciais usando Geotoolkit, Angular e Nodejs.\u003c/li\u003e\n\u003cli\u003eUm 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.\u003c/li\u003e\n\u003cli\u003ePlot de gráfico de predição em tempo real usando sockets com plotly.js e python.\u003c/li\u003e\n\u003cli\u003eBreve contato com computação gráfica 3D na web usando Paraview e Python.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eObs: Nem todos os projetos possuem vídeo.\u003c/p\u003e","title":"Promec"},{"content":"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!\nIntrodução 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.\nResponsabilidades 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.\nTecnologias 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.\n","permalink":"https://www.devdiegomatos.com.br/trabalhos/minijogos-educativos/","summary":"\u003cp\u003eColetânea de minijogos educativos encomendados por uma escola. A temática dos jogos foi construída através da ajuda dos professores, \u003ca href=\"https://diegomatos321.github.io/escola-mozilla-verso/\"\u003ejogue agora!\u003c/a\u003e\u003c/p\u003e\n\u003ch2 id=\"introdução\"\u003eIntrodução\u003c/h2\u003e\n\u003cp\u003eEste 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.\u003c/p\u003e\n\u003ch2 id=\"responsabilidades\"\u003eResponsabilidades\u003c/h2\u003e\n\u003cp\u003ePara 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.\u003c/p\u003e","title":"Minijogos Educativos"},{"content":"Fui responsável por programar um jogo musical na Unity estilo Guitar Hero com elementos de roguelike.\nSeu 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.\nDurante a fase você terá a chance de coletar notas de upgrades que derão poderes para te ajudar a completar a fase.\nIntrodução 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.\nProjeto foi desenvolvido na Unity com uma loja de upgrades, loja de skins, 2 fases de aproximadamente 20 minutos, algumas cutscenes e diálogos simples,\nProjeto chegou a mim pelo 99freelas.\nResponsabilidades 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. ","permalink":"https://www.devdiegomatos.com.br/trabalhos/elliots-great-symphony/","summary":"\u003cp\u003eFui responsável por programar um jogo musical na Unity estilo Guitar Hero com elementos de roguelike.\u003c/p\u003e\n\u003cp\u003eSeu 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.\u003c/p\u003e\n\u003cp\u003eDurante a fase você terá a chance de coletar notas de upgrades que derão poderes para te ajudar a completar a fase.\u003c/p\u003e","title":"Elliots Great Symphony"},{"content":"Plataforma para marcar consulta com profissionais de Enfermagem e Cuidadores Pessoais no Rio de Janeiro.\nIntrodução 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.\nCada 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.\nResponsabilidades 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.\nApó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.\nAo longo do projeto foram feitas reuniões de acompanhamento quinzenais com o cliente e reuniões semanais com o designer responsável do projeto.\nTecnologias 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.\nOs 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.\nCaracterí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. ","permalink":"https://www.devdiegomatos.com.br/trabalhos/cuidado-e-afeto/","summary":"\u003cp\u003ePlataforma para marcar consulta com profissionais de Enfermagem e Cuidadores Pessoais no Rio de Janeiro.\u003c/p\u003e\n\u003ch2 id=\"introdução\"\u003eIntrodução\u003c/h2\u003e\n\u003cp\u003eDesenvolver 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.\u003c/p\u003e\n\u003cp\u003eCada 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.\u003c/p\u003e","title":"Cuidado E Afeto"},{"content":"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.\nIntrodução 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.\nResponsabilidades 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 ","permalink":"https://www.devdiegomatos.com.br/trabalhos/conquisterra-roguelie/","summary":"\u003cp\u003eDesenvolvi 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. \u003ca href=\"https://ruisu-design.itch.io/conquisterra-roguelie\"\u003eJogue agora.\u003c/a\u003e\u003c/p\u003e\n\u003ch2 id=\"introdução\"\u003eIntrodução\u003c/h2\u003e\n\u003cp\u003eFui 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.\u003c/p\u003e","title":"Conquisterra Roguelie"},{"content":"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!\nIntrodução 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.\nResponsabilidades 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. ","permalink":"https://www.devdiegomatos.com.br/trabalhos/canotops/","summary":"\u003cp\u003eDesenvolvi 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. \u003ca href=\"https://www.canotops.com/product/full-custom/\"\u003eTeste agora!\u003c/a\u003e\u003c/p\u003e\n\u003ch2 id=\"introdução\"\u003eIntrodução\u003c/h2\u003e\n\u003cp\u003eAtuei 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.\u003c/p\u003e","title":"Canotops"},{"content":"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.\nConfigurar o servidor e deploy do site, projeto não possui base de dados, apenas usa o sistema de arquivos.\nTecnologias 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.\nCaracterí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. ","permalink":"https://www.devdiegomatos.com.br/trabalhos/landingpage-estudioz/","summary":"\u003ch2 id=\"responsabilidades\"\u003eResponsabilidades\u003c/h2\u003e\n\u003cp\u003eProgramar 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.\u003c/p\u003e\n\u003cp\u003eConfigurar o servidor e deploy do site, projeto não possui base de dados, apenas usa o sistema de arquivos.\u003c/p\u003e\n\u003ch2 id=\"tecnologias\"\u003eTecnologias\u003c/h2\u003e\n\u003cp\u003eSite 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.\u003c/p\u003e","title":"Landingpage Estudioz"}]