Portfólio pessoal single-file (HTML5/CSS3/JavaScript puro, sem build tools), com dark theme, glassmorphism e animações. Auto-hospedado em servidor próprio, atrás de Cloudflare Tunnel.
Desenvolvedor Full Stack focado em sistemas SaaS, agentes de IA e automação ETL. Atualmente Analista de Suporte Técnico na A²O Sistemas Gerenciais (Aparecida de Goiânia/GO), atuando no atendimento, diagnóstico e resolução de chamados de sistemas gerenciais. Anteriormente Analista B2B na Probel/Mercosul, onde implementei 8+ rotinas de automação que reduziram 40% do retrabalho operacional e economizavam ~15h/semana do time.
- 📍 Goiânia/GO — 25 anos
- 🎓 Graduando em Análise e Desenvolvimento de Sistemas — UNIGOIÁS (2024–2027)
- 📧 matheustrajano.dev@gmail.com
- 🐙 GitHub: @MathTrajan
JavaScript TypeScript Python SQL HTML5 CSS3 PowerShell VBScript Java
Next.js 16 (App Router) React Tailwind v4 Framer Motion HTML5/CSS3 puro
Node.js Express NextAuth v5 Prisma ORM REST APIs
PostgreSQL SQL Server (Protheus/TOTVS) Prisma SQLite
Power BI DAX Power Query (M) Pandas Streamlit
Debian systemd Cloudflare Tunnel Caddy Docker Fly.io Vercel Git/GitHub restic Google Drive API (OAuth) Groq API llama.cpp
PowerShell VBScript Windows Task Scheduler Mutex global
| Tecnologia | Nível |
|---|---|
| HTML / CSS | 88% |
| SQL Server | 88% |
| JavaScript / TypeScript | 85% |
| Power BI | 85% |
| Node.js / Express | 82% |
| Next.js / React | 78% |
| Python | 72% |
- Atendimento e resolução de chamados técnicos dos sistemas gerenciais
- Diagnóstico e troubleshooting de problemas em sistemas, com análise de causa-raiz
- Suporte aos usuários e documentação de soluções recorrentes
- 8+ rotinas automatizando consultas no banco do ERP Protheus, com planilha disponibilizada automaticamente
- 40% de redução no retrabalho operacional · ~15h/semana economizadas
- Integração com ERP Protheus (TOTVS) via SQL Server
- Dashboards estratégicos em Power BI
- Automações em Excel, 95% de satisfação no pós-vendas
- Início como menor aprendiz
| Projeto | Stack | Tipo |
|---|---|---|
| Norma — Sistema de Gestão Jurídica | Next.js 16, Prisma, PostgreSQL, NextAuth v5, Tailwind v4, Framer Motion | SaaS multi-tenant com RBAC (3 níveis) · 11 módulos · 🔒 código privado |
| Jarvis — Chat com LLM Offline | Node.js, Express, llama.cpp, RAG | Modelo servido na própria máquina, com RAG local e sandbox de arquivos · Repositório |
| WR Engenharia — Gestão de Obras | React 18, TypeScript, Node.js, Express, PostgreSQL, Tailwind, JWT, Vite, Recharts | Full Stack — sistema sob medida (orçamentos, obras, Gantt, financeiro) · 🔒 código privado |
| Syntra — CRM de Leads | Spring Boot 3.3, Java 21, JPA, Flyway, PostgreSQL, Thymeleaf, Fly.io, Docker | Full Stack — CRM B2B · Repositório |
| Sistema de Gestão Financeira | Java 17, Spring Boot, PostgreSQL, Spring Data JPA, iText PDF | Full Stack — Java & Spring |
| VirtusChat — Chat de Atendimento | Node.js, PostgreSQL, SSE, WhatsApp Cloud API | Widget + painel multitenant, dependência única · 🔒 código privado |
| Capital — Gestão Financeira Familiar | NestJS 10, Angular 17, Prisma 5, PostgreSQL, WebAuthn, Web Push, PWA | Full Stack — em uso diário · 🔒 código privado |
| Sentinel — Servidor de Produção | Debian 13, systemd, PostgreSQL, Cloudflare Tunnel, Caddy, restic | Infraestrutura — 4 aplicações auto-hospedadas |
| Protótipo — Gestão de Obras | React, Vite, Express, SQLite, Docker | Validação que precedeu o sistema da WR · 🔒 código privado |
| GestFin — Finanças Domésticas | Angular 17, Node.js, Express, PostgreSQL, PL/pgSQL | Acadêmico · Repositório |
| Reverse Shell em Java (TCP) | Java, Socket TCP | Segurança, ambiente controlado · Repositório |
| Automação de Fluxos Operacionais | PowerShell, VBScript, SQL Server, Google Drive API | Corporativo — consultas automatizadas no banco do Protheus, com planilha disponibilizada sozinha · 8+ rotinas |
| Dashboard Estratégico Power BI | Power BI, DAX, Power Query, SQL Server | Corporativo — KPIs gerenciais |
| Análise Top 100 Amazon Books | Python, Pandas, Streamlit | Análise exploratória + dashboard |
| E-commerce Pró Colchões | HTML, CSS, JS | Landing/loja institucional |
| Fundamentos de Backend em Java | Java, POO | Estudo da graduação ADS |
- 🎓 Análise e Desenvolvimento de Sistemas — UNIGOIÁS (2024–2027, em andamento)
- 📜 CS50 — Fundação Estudar (Fev 2026 · 70h)
- 📜 Python para IA: ChatBot — Alura (Fev 2025 · 4h)
- 📜 SQL Server do Básico ao Avançado — Udemy/DNC (Jan 2025 · 11.5h)
- 📜 Python do Zero — Alura (Jan 2025 · 2h)
- 📜 HTML e CSS — Alura (Jan 2025 · 8h)
- 📜 Excel do Básico ao Avançado — Udemy/EAD (Fev 2025 · 28.5h)
- Dark theme com fundo
#0a0e1a, acentos azul elétrico#4f8ef7e roxo#7c3aed - Background animado com gradientes radiais e grid de pontos
- Tipografia premium: Inter (texto) + Fira Code (código)
- Glassmorphism no navbar ao rolar
- Animações CSS suaves (fade-up, float, spin, pulse)
- Layout totalmente responsivo (mobile / tablet / desktop)
- Menu hamburger em dispositivos móveis
- Breakpoints em 480px, 768px e 1024px
| Seção | Descrição |
|---|---|
| Hero | Apresentação com avatar, chips flutuantes, stats animados e CTAs |
| Sobre | Card de info pessoal + bloco de código decorativo |
| Skills | 7 categorias (incl. "Em Aprendizado") + barras de proficiência animadas |
| Experiência | Timeline vertical com 4 posições |
| Projetos | Grid de 15 cards com hover overlay e tech stack |
| Certificações | Cursos validados + formação acadêmica |
| Serviços | 7 cards de serviços oferecidos |
| Contato | Formulário (Formspree) + redes sociais |
- Navbar com scroll detection e link ativo
IntersectionObserverpara animações fade-up- Barras de proficiência animadas ao entrar na viewport
- Contadores animados no Hero (métricas reais: 11 módulos no SaaS · 5 sistemas em produção · 8+ rotinas automatizadas · 7+ certificações)
- Formulário com envio assíncrono (Formspree) e feedback visual
- SEO: Open Graph, Twitter Card, Schema.org Person
index.html ← Single-file (HTML + CSS + JS embutidos)
Foto.webp ← Imagem de perfil servida ao visitante (96 KB)
Foto.jpg ← Mesma foto para o og:image, em formato que todo robô lê
*.svg ← Capas dos projetos, geradas por tools/gerar-capas.py
Caddyfile ← Config do servidor: headers de segurança e cache
tools/ ← Gerador das capas + logos do catálogo Simple Icons
README.md ← Esta documentação
.gitignore ← Regras Git
As capas dos cards são SVG gerado, não arte solta. Para mudar o nome, o
subtítulo ou a stack de um projeto, edite a lista PROJETOS em
tools/gerar-capas.py e rode:
python3 tools/gerar-capas.pypython3 -m http.server 8080Depois acesse http://localhost:8080.
Auto-hospedado: servidor Debian próprio, estáticos servidos por Caddy e expostos por Cloudflare Tunnel (TLS na borda, sem porta aberta no roteador). Publicação é por script, e push para o GitHub não publica.
Sem cold start: o servidor fica acordado. Os estáticos ainda passam pelo cache da borda da Cloudflare, então o link do portfólio não depende do uplink doméstico para carregar rápido.
- 📧 matheustrajano.dev@gmail.com
- 🐙 GitHub: @MathTrajan
- 🔗 Portfólio: trajano.tech
Desenvolvido por Matheus Trajano · LinkedIn