logo do site

Meus Projetos

Acredito que o desenvolvimento de software vai muito além de digitar linhas em um editor; é a arte de traduzir problemas complexos em soluções elegantes. Aqui, compartilho o resultado de horas de estudo, curiosidade técnica e uma paixão genuína por construir coisas que funcionam de verdade. De sistemas robustos no back-end a interfaces focadas na experiência do usuário e automações invisíveis que otimizam o tempo, cada projeto abaixo é um pedaço da minha jornada unindo o rigor analítico com a velocidade da tecnologia.

Imagem do projeto: Conversor de moedas

Conversor de moedas

Conversor dinâmico em tempo real. Desenvolvido com JavaScript e forte foco em UX/UI, oferecendo uma interface fluida, rápida e responsiva para o usuário final.

JavaScript

HTML

CSS


Link do projeto

Imagem detalhada do projeto: Conversor de moedas

JavaScript

HTML

CSS


Detalhes do projeto:

Desenvolvi um conversor de moedas dinâmico e eficiente para demonstrar minha proficiência em integração de APIs e manipulação de dados em tempo real. O projeto foi concebido para ser uma ferramenta de conversão simples e confiável, utilizando as taxas de câmbio mais atualizadas disponíveis no mercado. Ele foi arquitetado para ser um exemplo claro de uma aplicação funcional "fim a fim", indo desde a busca de dados até a apresentação de uma interface de usuário amigável.

Funcionalidades:

  • Ampla Gama de Moedas
  • Conversões em Tempo Real
  • Interface Intuitiva

Conclusão:

Este projeto é uma prova da minha habilidade em transformar dados brutos de uma API em uma ferramenta funcional e prática. Ele evidencia meu domínio em consumo de APIs, tratamento de dados em formato JSON e o desenvolvimento de aplicações com interfaces gráficas. A experiência adquirida foi fundamental para solidificar meu conhecimento sobre a criação de aplicações do mundo real.

Acessar projeto
Imagem do projeto: Cidades do Brasil

Cidades do Brasil

Diretório interativo com todos os municípios brasileiros. Desenvolvido com foco em performance e manipulação de grandes volumes de dados, implementando sistemas essenciais e otimizados de paginação e busca dinâmica.

JavaScript

HTML

CSS

PHP

MySQL


Link do projeto

Imagem detalhada do projeto: Cidades do Brasil

JavaScript

HTML

CSS

PHP

MySQL


Detalhes do projeto:

Desenvolvi este catálogo para aprofundar meus conhecimentos técnicos na manipulação e exibição de grandes volumes de informações. Utilizando uma base de dados estruturada e já populada com todas as cidades do Brasil, o escopo principal do projeto não foi a coleta dos dados, mas sim a engenharia por trás da exibição deles. O sistema foi arquitetado para lidar com pesquisas precisas e paginação de resultados. Isso evita o carregamento excessivo de dados na tela, garantindo que a aplicação permaneça leve, responsiva e otimizada, simulando um ambiente real de produção.

Funcionalidades:

  • Integração com Mapas
  • Paginação Escalável no Banco de Dados
  • Sistema de Busca Dinâmica

Conclusão:

Este projeto é a prova prática da minha capacidade de lidar com bancos de dados extensos e de implementar lógicas de back-end focadas em performance. Ele evidencia meu entendimento de que sistemas modernos e escaláveis dependem crucialmente de uma boa paginação e de filtros de pesquisa eficientes para entregar uma boa experiência ao usuário (UX). A experiência adquirida aqui solidifica minha habilidade em construir aplicações que não apenas funcionam, mas que executam suas tarefas da maneira mais performática e inteligente possível.

Acessar projeto
Imagem do projeto: Newsletter

Newsletter

Formulário de captura de e-mails com validação estrita via Regex. Desenvolvido para demonstrar domínio prático em JavaScript puro e estilização avançada de interfaces.

JavaScript

HTML

CSS


Link do projeto

Imagem detalhada do projeto: Newsletter

JavaScript

HTML

CSS


Detalhes do projeto:

Este projeto nasceu como um desafio de Front-End com o objetivo central de replicar com exatidão o layout de um componente de assinatura de newsletter de referência. A atenção aos detalhes visuais foi fundamental, exigindo um controle preciso de espaçamentos, tipografia, cores e estados de interação do usuário. Além da estruturação com HTML semântico e estilização avançada com CSS, a lógica do formulário exigiu um cuidado especial. Implementei uma validação de entrada estrita utilizando Expressões Regulares (Regex) com JavaScript puro. Isso garante que o usuário apenas consiga submeter o formulário se o endereço de e-mail fornecido estiver em um formato válido, prevenindo envios acidentais e melhorando significativamente a experiência do usuário (UX) através de feedbacks de erro dinâmicos.

Funcionalidades:

  • Feedbacks Dinâmicos de Erro (UX)
  • Layout 100% Responsivo
  • Validação de E-mail via Regex

Conclusão:

Este desafio foi excelente para consolidar minhas habilidades em estilização avançada para fidelidade de interfaces e aprofundar meu domínio em validações complexas com JavaScript. A implementação do Regex me deu uma base forte sobre como lidar com a verificação de dados diretamente no navegador, provando que um bom componente vai muito além da sua aparência estética, englobando também usabilidade, segurança e interatividade funcional.

Acessar projeto
Imagem do projeto: Sistema de Autenticação e Login

Sistema de Autenticação e Login

Primeiro projeto full-stack focado em segurança. Implementa validação estrita de dados, integração real com banco de dados e proteção de credenciais utilizando criptografia (hashing) de senhas.

JavaScript

HTML

CSS

PHP

MySQL


Link do projeto

Imagem detalhada do projeto: Sistema de Autenticação e Login

JavaScript

HTML

CSS

PHP

MySQL


Detalhes do projeto:

Este projeto representa um marco crucial no meu desenvolvimento técnico: a construção de um fluxo completo de ponta a ponta (arquitetura cliente-servidor). O foco principal foi criar um sistema de autenticação real e seguro, exatamente como funciona no mercado. No client-side, mantive o rigor das validações para garantir a integridade dos dados enviados. No back-end, desenvolvi a integração direta com o banco de dados. O grande diferencial deste projeto é a camada de segurança: nenhuma senha é salva em texto puro. Implementei rotinas de criptografia (hashing) antes do armazenamento no banco, garantindo a privacidade do usuário contra vazamentos de dados.

Funcionalidades:

  • Autenticação e Sessões Seguras
  • Criptografia de Senhas
  • Integração com Banco de Dados Relacional

Conclusão:

Ver a comunicação perfeita entre a interface visual, a lógica do servidor e o banco de dados rodando na prática foi uma experiência divisora de águas. Este sistema consolida meu entendimento de como as aplicações web modernas realmente funcionam nos bastidores, provando minha capacidade de lidar não apenas com a experiência do usuário (UX), mas também com a segurança da informação e a persistência de dados.

Acessar projeto
Imagem do projeto: Gestão de Unidades de atendimento e Bibliotecárias

Gestão de Unidades de atendimento e Bibliotecárias

Sistema Full-Stack focado na integração com banco de dados. Implementa o CRUD completo para gestão de unidades de atendimento e cadastro de bibliotecárias, demonstrando domínio prático em operações SQL com PHP e MySQL.

JavaScript

HTML

CSS

PHP

MySQL


Link do projeto

Imagem detalhada do projeto: Gestão de Unidades de atendimento e Bibliotecárias

JavaScript

HTML

CSS

PHP

MySQL


Detalhes do projeto:

O objetivo central e exclusivo deste projeto foi construir e consolidar minha base em manipulação direta de bancos de dados relacionais. Para isso, criei um sistema de gestão administrativa focado em duas entidades principais: Unidades de Atendimento e Bibliotecárias. A aplicação permite realizar as quatro operações vitais de um sistema (CRUD): Cadastrar novas unidades e funcionárias (Insert), listar os dados (Select), editar informações (Update) e remover registros (Delete). Como o foco arquitetural era 100% voltado para a mecânica de persistência de dados e comunicação com o servidor, optei intencionalmente por não implementar telas de login, restrição de acesso ou níveis de usuário. Isso me permitiu criar um código mais limpo e voltado unicamente para a excelência das requisições ao banco.

Funcionalidades:

  • Arquitetura de Painel Administrativo
  • Blindagem contra SQL Injection
  • CRUD Completo de Unidades de Atendimento e de Bibliotecárias

Conclusão:

Este projeto funcionou como um excelente laboratório técnico para internalizar a comunicação entre a interface do usuário e o back-end em um cenário administrativo. Ele comprova minha capacidade de estruturar bancos de dados relacionais para gerenciar pessoas e locais, criando uma aplicação que manipula informações de forma fluida e estabelece uma fundação sólida para lógicas de negócio estruturais.

Acessar projeto
Imagem do projeto: Calculadora de notas PUC

Calculadora de notas PUC

Ferramenta web criada para resolver um problema real dos estudantes: o cálculo rápido de médias. O sistema processa os dados em tempo real e entrega a nota exata necessária para a aprovação na N2.

JavaScript

HTML

CSS


Link do projeto

Imagem detalhada do projeto: Calculadora de notas PUC

JavaScript

HTML

CSS


Detalhes do projeto:

Este projeto nasceu da necessidade de resolver um problema prático e frequente na rotina acadêmica: o cálculo do desempenho necessário para a aprovação final. Para solucionar isso, desenvolvi uma aplicação que vai além de uma calculadora comum. Construí um algoritmo matemático que não apenas computa a nota atual (N1), mas realiza uma previsão dinâmica indicando exatamente quanto o aluno precisa atingir na avaliação N2 para passar. O desafio técnico aqui foi absorver as regras de negócio e o sistema de avaliação específicos da instituição e traduzi-los em lógicas condicionais (if/else) seguras e precisas com JavaScript, garantindo que o resultado seja 100% confiável.

Funcionalidades:

  • Implementação de Regras de Negócio Estritas
  • Layout Responsivo
  • Projeção de Nota Mínima para Aprovação

Conclusão:

Construir esta ferramenta foi uma excelente oportunidade para aplicar a lógica de programação na resolução de problemas reais de outros estudantes. O projeto destaca minha capacidade de entender regras de negócios específicas de uma instituição e transformá-las em um produto de software rápido, acessível e com foco total em usabilidade (UX), entregando a informação exata que o usuário precisa de forma imediata.

Acessar projeto
Imagem do projeto: Marcador de pontos

Marcador de pontos

Aplicativo web utilitário para contagem de pontos em tempo real. Focado em usabilidade ágil, gerenciamento de estado com JavaScript e interface otimizada para dispositivos móveis.

JavaScript

HTML

CSS


Link do projeto

Imagem detalhada do projeto: Marcador de pontos

JavaScript

HTML

CSS


Detalhes do projeto:

Este projeto foi criado para resolver a necessidade de acompanhar placares de forma rápida e intuitiva durante partidas esportivas ou sessões de jogos. A engenharia por trás do aplicativo foca no gerenciamento de estado usando JavaScript puro. Desenvolvi lógicas para incrementar, decrementar e resetar os valores de cada equipe de forma isolada, garantindo que a pontuação seja atualizada instantaneamente na tela sem a necessidade de recarregar a página. A interface foi projetada com uma abordagem Mobile-First, utilizando áreas de clique responsivas e de fácil acesso para que a interação no celular seja fluida mesmo no calor do momento.

Funcionalidades:

  • Gerenciamento de Estado em Tempo Real
  • Interface Reativa e Touch-Friendly
  • Manipulação Assíncrona do DOM
  • Tratamento Lógico de Limites

Conclusão:

A construção deste marcador consolida meu domínio sobre a manipulação do DOM e a captura de eventos no front-end. Ele demonstra minha capacidade de criar interfaces altamente reativas e funcionais, que resolvem necessidades imediatas do usuário com um código limpo, tratamento de erros e foco absoluto em usabilidade.

Acessar projeto
Imagem do projeto: Gerador de QR Code

Gerador de QR Code

Gerador de QR Code dinâmico e responsivo. Permite customização de cores e inserção de logo na imagem gerada. Desenvolvido para demonstrar manipulação da DOM, integração com bibliotecas externas e estruturação de SEO técnico avançado.

JavaScript

HTML

CSS


Link do projeto

Imagem detalhada do projeto: Gerador de QR Code

JavaScript

HTML

CSS


Detalhes do projeto:

Este projeto nasceu da necessidade de criar uma ferramenta utilitária rápida e sem restrições. O objetivo central foi desenvolver um Gerador de QR Code onde o usuário tivesse total liberdade criativa. A atenção aos detalhes técnicos foi fundamental: implementei a biblioteca qr-code-styling para gerar as imagens em formato SVG renderizado em tela e baixável em PNG. Além da estruturação com HTML semântico e estilização responsiva com Bootstrap e CSS puro, a lógica exigiu um cuidado especial para tratar o upload de arquivos de imagem (logo do usuário) convertendo-os em Base64 através do FileReader do JavaScript. O projeto também possui uma forte carga de SEO On-Page e Técnico, garantindo alta indexabilidade.

Funcionalidades:

  • Customização de cores
  • Download direto da imagem em alta resolução
  • Geração de QR Code em tempo real
  • Upload e integração de logo personalizada

Conclusão:

Este projeto foi excelente para consolidar minhas habilidades em integração de bibliotecas JavaScript de terceiros e manipulação assíncrona de arquivos locais. A implementação do FileReader me deu uma base forte sobre como lidar com o processamento de imagens diretamente no navegador do cliente, sem depender de um back-end. Além disso, o foco em SEO técnico provou que o desenvolvimento Front-End vai muito além da estética, englobando também a engenharia de tráfego e a discoverability da aplicação web.

Acessar projeto