Portfólio pessoal single-file (HTML5/CSS3/JavaScript puro, sem build tools), com dark theme, glassmorphism e animações — deploy contínuo na Vercel.
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 — 24 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
SQL Server (Protheus/TOTVS) PostgreSQL (Neon) SQLite Prisma
Power BI DAX Power Query (M) Pandas Streamlit
Vercel Git/GitHub Docker Linux Fly.io Google Drive API (OAuth) Groq API
PowerShell VBScript Excel COM Interop 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 de automação em produção (PowerShell + Excel COM + Google Drive API)
- 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 (Neon), NextAuth v5, Tailwind v4, Framer Motion | SaaS multi-tenant com RBAC (3 níveis) · 11 módulos · Repositório |
| Jarvis — Agente de Observabilidade IA | Node.js, Express, Groq LLaMA, SQLite + PostgreSQL | Ingere logs de automações e responde em linguagem natural · Repositório · Demo |
| WR Engenharia — Gestão de Obras | React 18, TypeScript, Node.js, Express, SQLite, Tailwind, JWT, Vite, Recharts, Fly.io | Full Stack — sistema sob medida (orçamentos, obras, Gantt, financeiro) · Demo · 🔒 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 |
| Automação de Fluxos Operacionais | PowerShell, VBScript, Excel COM, Google Drive API, Protheus | Corporativo — 8+ rotinas em produção |
| 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 10 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
- Vercel Analytics + Speed Insights
index.html ← Single-file (HTML + CSS + JS embutidos)
Foto.png ← Imagem de perfil
*.png ← Imagens de capa dos projetos
README.md ← Esta documentação
.gitignore ← Regras Git
python -m http.server 8080Depois acesse http://localhost:8080.
Deploy contínuo via Vercel — push para main publica automaticamente.
- 📧 matheustrajano.dev@gmail.com
- 🐙 GitHub: @MathTrajan
- 🔗 Portfólio: matheus-dev-beryl.vercel.app
Desenvolvido por Matheus Trajano · LinkedIn