// ===================== Bilingual content (PT / EN) =====================
window.LangCtx = React.createContext({ lang: 'pt' });
// ----- standalone-bundle asset resolver -----
// Maps code-referenced resource URLs to bundle resource-ids. When this file is
// exported as a standalone HTML, window.__resources[id] holds an inlined blob URL.
// Outside the bundle, window.__resources is undefined and ASSET() returns the path.
(function(){
var dv='https://cdn.jsdelivr.net/gh/devicons/devicon/icons/';
var dev = {
icHtml:'html5/html5-original.svg', icCss:'css3/css3-original.svg', icJs:'javascript/javascript-original.svg',
icReact:'react/react-original.svg', icNode:'nodejs/nodejs-original.svg', icNext:'nextjs/nextjs-original.svg',
icNest:'nestjs/nestjs-original.svg', icSwift:'swift/swift-original.svg', icLaravel:'laravel/laravel-original.svg',
icAws:'amazonwebservices/amazonwebservices-original-wordmark.svg', icFigma:'figma/figma-original.svg'
};
var ids = {
'assets/patrick-art.png':'pattArt',
'assets/animarte.png':'animarte',
'assets/exdevedor.png':'exdevedor',
'assets/leveyou-ink.png':'leveyou',
'assets/empresa-africa.png':'sankofa',
'assets/tutu-dash.png':'tutuDash'
};
for(var k in dev){ ids[dv+dev[k]] = k; }
window.__resIds = ids;
})();
window.ASSET = function(p){
var R = window.__resources, ids = window.__resIds;
if(R && ids && ids[p] && R[ids[p]]) return R[ids[p]];
return p;
};
window.CONTENT = {
pt: {
nav: { about:'Sobre', exp:'Experiência', skills:'Skills', companies:'Empresas', projects:'Projetos', contact:'Contato' },
hero: {
tag:'Portfólio · 2026',
role_html:'Engenheiro de Software, Desenvolvedor Web e Mobile. CEO do estúdio de animação animarte.',
corner:'[ arte: @sunnie.ilustra ]',
b1:'olá, eu sou o Patt',
b2:'dev + arte',
cue:'role para descobrir',
},
about: {
num:'01', title_html:'Sobre mim',
lead_html:'Combino a robustez da engenharia de software com a sensibilidade do design para entregar produtos completos e intuitivos.',
body:[
'Estudante de Engenharia da Computação com sólida experiência Fullstack. Sou um profissional versátil, que se destaca pela capacidade de adaptação a qualquer linguagem de programação e pelo uso estratégico de Inteligência Artificial.',
'Como CEO do estúdio de animação animarte, junto o lado técnico ao criativo todos os dias — e é exatamente essa mistura de lógica e arte que define a forma como eu construo cada projeto.'
],
quote:'“Unindo lógica e design para criar experiências únicas.”',
langs_title:'Idiomas',
langs:[ {n:'Português',l:'Nativo',v:100}, {n:'Inglês',l:'Avançado',v:85}, {n:'Francês',l:'Básico',v:35} ],
stats:[ {n:'5+',l:'anos codando'}, {n:'CEO',l:'do animarte'}, {n:'IA',l:'p/ otimizar — nunca nas artes'} ],
},
exp: {
num:'02', title_html:'Experiência profissional',
kicker:'Onde eu construí coisas',
jobs:[
{ co:'Sou Elo Solidário', role:'Desenvolvedor Fullstack', when:'Fev/2025', live:'Atual',
tags:['React','Node.js','NestJS','Next.js','AWS'],
items:[
'Desenvolvimento e manutenção de aplicações web e sistemas escaláveis com React, Node.js, Nest e Next.js.',
'Implementação de pipelines de CI/CD para garantir entregas contínuas e seguras.',
'Gerenciamento de infraestrutura em nuvem (AWS), otimizando recursos e performance.'
] },
{ co:'GS', role:'Estagiário em Desenvolvimento Fullstack', when:'Ago/2024 — Fev/2025',
tags:['PHP','Laravel','SQL','JavaScript','React','HTML','CSS'],
items:[
'Desenvolvimento de sistemas internos críticos, garantindo eficiência operacional.',
'Criação de interfaces front-end responsivas com React e CSS3, focadas na experiência do usuário.',
'Manutenção de backend legado e moderno utilizando PHP (Laravel) e SQL.'
] },
{ co:'animarte', ceo:true, role:'CEO & Fundador', when:'Estúdio de animação',
tags:['Direção','Design','Produto','Animação'],
items:[
'Fundei e lidero um estúdio de animação e quadrinhos, criando histórias originais.',
'Conduzo a estratégia, o produto e a identidade visual da marca.',
'Conecto tecnologia e arte para dar vida a projetos criativos.'
] },
],
},
skills: {
num:'02', title_html:'Habilidades & stack',
kicker:'O que eu uso pra construir',
stack_label:'Tecnologias',
expertise:[
{ ico:'>', h:'Dev Apps & Web', d:'Interfaces ricas e responsivas com React, TypeScript e React Native.' },
{ ico:'{ }', h:'Backend & Sistemas', d:'APIs e sistemas escaláveis com Node, Nest, Next.js e Laravel.' },
{ ico:'◐', h:'Design UX/UI', d:'Prototipação e design de interfaces centradas no usuário no Figma.' },
{ ico:'✦', h:'IA & Diferenciais', d:'Engenharia de prompt, integração com o Google Gemini e visão computacional.' },
],
},
companies: {
num:'03', title_html:'Empresas que atendi',
kicker:'Marcas com quem trabalhei',
list:[
{ logo:'assets/animarte.png', feat:true, role:'CEO & Fundador', desc:'Estúdio de animação e quadrinhos — histórias originais que ganham vida.', tag:'animarte.com.br' },
{ logo:'assets/exdevedor.png', role:'Desenvolvimento', desc:'Plataforma de educação financeira para sair das dívidas.', tag:'Cliente' },
{ logo:'assets/leveyou-ink.png', role:'Desenvolvimento', desc:'Produto digital com foco em experiência e bem-estar.', tag:'Cliente' },
{ logo:'assets/empresa-africa.png', name:'Sankofa Negócios Negros', role:'Desenvolvimento', desc:'Plataforma de fomento a negócios negros.', tag:'Cliente' },
],
},
projects: {
num:'04', title_html:'Projetos & destaques',
kicker:'Algumas coisas de que me orgulho',
featured:{
tag:'Projeto em destaque', client:'Ex Devedor', name_html:'Tutu',
desc:'Sistema de gestão de despesas para o controle diário das finanças, com uma assistente de IA integrada ao WhatsApp, contas familiares e divisão de contas entre amigos.',
tags:['React','Node.js','IA Generativa','WhatsApp API'],
cta:'Ver case completo', href:'projetos.html', shot:'assets/tutu-dash.png',
},
soundpaper:{
tag:'Projeto Pessoal',
personal:'feito no tédio ✦',
name_html:'SoundPaper',
desc:'Tédio é o começo de muita coisa boa. O SoundPaper transforma a música que você está ouvindo no papel de parede animado do seu Mac — buscando diretamente nos servidores da Apple a arte correspondente ao álbum. Swift puro. Zero dependências externas.',
tags:['Swift','macOS','Apple APIs','CoreImage'],
loop:'assets/soundpaper_loop.mp4',
},
ach_title:'Conquistas & certificados',
achievements:[
{ badge:'1º Lugar', name_html:'SafeRoad', sub:'ExpologHack · Hackathon',
desc:'Líder Técnico e Designer do protótipo — acesso à saúde para motoristas de carga, em 35h de competição.' },
{ badge:'Google / Alura', name_html:'Imersão IA', sub:'IA Generativa',
desc:'Soluções inteligentes com a API do Google Gemini integradas a aplicações web.' },
],
},
edu: {
num:'05', title_html:'Formação acadêmica',
kicker:'Base acadêmica',
logo:'https://acervo.ifce.edu.br/prpi/documentos-1/semic/2018/logo-ifce-vertical.png',
degLabel:'Graduação · Bacharelado',
deg:'Engenharia da Computação',
school:'IFCE — Instituto Federal de Educação, Ciência e Tecnologia do Ceará',
start:'2023', end:'2027', status:'Em andamento',
when:'2023 — 2027 (previsão)',
desc:'Foco em desenvolvimento de software, estruturas de dados e sistemas embarcados. Participação ativa em grupos de estudo e competições tecnológicas.',
chips:['Presencial','Fortaleza — CE','Sistemas embarcados'],
},
contact: {
eyebrow:'Vamos conversar',
title_html:'Bora criar algo juntos? Resolver problemas?',
lead:'Tô sempre aberto a novos projetos, colaborações e ideias. Me chama!',
mail:'patrick.chaves64@gmail.com',
},
footer:{ left:'© 2026 Eric Patrick Chaves Alves', mid:'Fortaleza — CE, Brasil', right:'feito com lógica & arte' },
},
en: {
nav: { about:'About', exp:'Experience', skills:'Skills', companies:'Clients', projects:'Projects', contact:'Contact' },
hero: {
tag:'Portfolio · 2026',
role_html:'Software Engineer, Web & Mobile Developer. CEO of the animation studio animarte.',
corner:'[ arte: @sunnie.ilustra ]',
b1:'hi, I\'m Patt',
b2:'dev + art',
cue:'scroll to explore',
},
about: {
num:'01', title_html:'About me',
lead_html:'I blend the robustness of software engineering with the sensibility of design to ship complete, intuitive products.',
body:[
'Computer Engineering student with solid Fullstack experience. A versatile professional who stands out for adapting to any programming language and for the strategic use of Artificial Intelligence.',
'As CEO of the animation studio animarte, I bring the technical and creative sides together every day — and it\'s exactly this mix of logic and art that defines how I build each project.'
],
quote:'“Uniting logic and design to craft unique experiences.”',
langs_title:'Languages',
langs:[ {n:'Portuguese',l:'Native',v:100}, {n:'English',l:'Advanced',v:85}, {n:'French',l:'Basic',v:35} ],
stats:[ {n:'5+',l:'years coding'}, {n:'CEO',l:'of animarte'}, {n:'IA',l:'to optimize — never in art'} ],
},
exp: {
num:'02', title_html:'Professional experience',
kicker:'Where I built things',
jobs:[
{ co:'Sou Elo Solidário', role:'Fullstack Developer', when:'Feb/2025', live:'Now',
tags:['React','Node.js','NestJS','Next.js','AWS'],
items:[
'Development and maintenance of scalable web apps and systems with React, Node.js, Nest and Next.js.',
'Implementation of CI/CD pipelines for continuous, secure delivery.',
'Cloud infrastructure management (AWS), optimizing resources and performance.'
] },
{ co:'GS', role:'Fullstack Development Intern', when:'Aug/2024 — Feb/2025',
tags:['PHP','Laravel','SQL','JavaScript','React','HTML','CSS'],
items:[
'Development of critical internal systems, ensuring operational efficiency.',
'Built responsive front-end interfaces with React and CSS3, focused on user experience.',
'Maintained legacy and modern backends using PHP (Laravel) and SQL.'
] },
{ co:'animarte', ceo:true, role:'CEO & Founder', when:'Animation studio',
tags:['Direction','Design','Product','Animation'],
items:[
'Founded and lead an animation and comics studio, creating original stories.',
'I drive the strategy, product and visual identity of the brand.',
'I connect technology and art to bring creative projects to life.'
] },
],
},
skills: {
num:'02', title_html:'Skills & stack',
kicker:'What I build with',
stack_label:'Technologies',
expertise:[
{ ico:'>', h:'Apps & Web Dev', d:'Rich, responsive interfaces with React, TypeScript and React Native.' },
{ ico:'{ }', h:'Backend & Systems', d:'Scalable APIs and systems with Node, Nest, Next.js and Laravel.' },
{ ico:'◐', h:'UX/UI Design', d:'Prototyping and user-centered interface design in Figma.' },
{ ico:'✦', h:'AI & Edge', d:'Prompt engineering, Google Gemini integration and computer vision.' },
],
},
companies: {
num:'03', title_html:'Clients I\'ve served',
kicker:'Brands I\'ve worked with',
list:[
{ logo:'assets/animarte.png', feat:true, role:'CEO & Founder', desc:'Animation and comics studio — original stories brought to life.', tag:'animarte.com.br' },
{ logo:'assets/exdevedor.png', role:'Development', desc:'Financial education platform to help people get out of debt.', tag:'Client' },
{ logo:'assets/leveyou-ink.png', role:'Development', desc:'Digital product focused on experience and well-being.', tag:'Client' },
{ logo:'assets/empresa-africa.png', name:'Sankofa Negócios Negros', role:'Development', desc:'Platform fostering Black-owned businesses.', tag:'Client' },
],
},
projects: {
num:'04', title_html:'Projects & highlights',
kicker:'A few things I\'m proud of',
featured:{
tag:'Featured project', client:'Ex Devedor', name_html:'Tutu',
desc:'An expense management system for daily financial control, with an AI assistant integrated into WhatsApp, family accounts and bill splitting between friends.',
tags:['React','Node.js','Generative AI','WhatsApp API'],
cta:'View full case', href:'projetos.html', shot:'assets/tutu-dash.png',
},
soundpaper:{
tag:'Personal Project',
personal:'built out of boredom ✦',
name_html:'SoundPaper',
desc:"Boredom is where good things start. SoundPaper turns the music you're listening to into an animated wallpaper on your Mac — fetching the matching album art straight from Apple's servers. Pure Swift. Zero external dependencies.",
tags:['Swift','macOS','Apple APIs','CoreImage'],
loop:'assets/soundpaper_loop.mp4',
},
ach_title:'Achievements & certificates',
achievements:[
{ badge:'1st Place', name_html:'SafeRoad', sub:'ExpologHack · Hackathon',
desc:'Technical Lead and Designer of the prototype — healthcare access for truck drivers, built in 35h of competition.' },
{ badge:'Google / Alura', name_html:'AI Immersion', sub:'Generative AI',
desc:'Smart solutions with the Google Gemini API integrated into web applications.' },
],
},
edu: {
num:'05', title_html:'Academic background',
kicker:'Academic foundation',
logo:'https://acervo.ifce.edu.br/prpi/documentos-1/semic/2018/logo-ifce-vertical.png',
degLabel:'Undergraduate · Bachelor',
deg:'Computer Engineering',
school:'IFCE — Federal Institute of Education, Science and Technology of Ceará',
start:'2023', end:'2027', status:'In progress',
when:'2023 — 2027 (expected)',
desc:'Focused on software development, data structures and embedded systems. Active participation in study groups and tech competitions.',
chips:['On-campus','Fortaleza — CE','Embedded systems'],
},
contact: {
eyebrow:'Let\'s talk',
title_html:'Let\'s build something together? Solve problems?',
lead:'I\'m always open to new projects, collaborations and ideas. Reach out!',
mail:'patrick.chaves64@gmail.com',
},
footer:{ left:'© 2026 Eric Patrick Chaves Alves', mid:'Fortaleza — CE, Brazil', right:'made with logic & art' },
},
};
// tech stack (logos via devicon CDN)
(function(){
const dv='https://cdn.jsdelivr.net/gh/devicons/devicon/icons/';
window.STACK = [
{ n:'HTML · CSS · JS', trio:[dv+'html5/html5-original.svg', dv+'css3/css3-original.svg', dv+'javascript/javascript-original.svg'] },
{ n:'React', i:dv+'react/react-original.svg' },
{ n:'Node.js', i:dv+'nodejs/nodejs-original.svg' },
{ n:'Next.js', i:dv+'nextjs/nextjs-original.svg' },
{ n:'NestJS', i:dv+'nestjs/nestjs-original.svg' },
{ n:'React Native', i:dv+'react/react-original.svg' },
{ n:'Swift', i:dv+'swift/swift-original.svg' },
{ n:'Laravel', i:dv+'laravel/laravel-original.svg' },
{ n:'AWS', i:dv+'amazonwebservices/amazonwebservices-original-wordmark.svg' },
{ n:'Figma', i:dv+'figma/figma-original.svg' },
];
})();
// shared social links
window.SOCIALS = [
{ k:'GitHub', v:'github.com/pattchvs', href:'https://github.com/pattchvs' },
{ k:'LinkedIn', v:'in/pattchvs', href:'https://linkedin.com/in/pattchvs' },
{ k:'Email', v:'patrick.chaves64@gmail.com', href:'mailto:patrick.chaves64@gmail.com' },
{ k:'WhatsApp', v:'(85) 92009-8570', href:'https://wa.me/5585920098570' },
];