-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
375 lines (342 loc) · 21.8 KB
/
about.html
File metadata and controls
375 lines (342 loc) · 21.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="PkLavc" />
<!-- Geo Tags -->
<meta name="geo.region" content="WORLD">
<meta name="geo.placename" content="Remote / Global">
<meta name="geo.position" content="0;0">
<meta name="ICBM" content="0, 0">
<meta name="description" content="Patrick Araujo (PkLavc) – Software Engineer & Data Architect specializing in Backend Systems, AI Engineering, and Intelligent Automation. Expert in Python, JavaScript, and high-scale Data Pipelines.">
<meta name="keywords" content="Software Engineer, Data Architect, AI Engineer, Python, Backend Development, Data Pipelines, System Integration, Generative AI, SDET, Patrick Araujo"> <!-- Open Graph Meta Tags -->
<meta property="og:title" content="Patrick Araujo | Software Engineer & Data Architect | AI & Backend">
<meta property="og:description" content="Software Engineer and Data Architect specialized in AI Workflows and Backend Systems. 40+ Certifications including Google AI and Data Engineering.">
<meta property="og:url" content="https://pklavc.github.io/about.html">
<meta property="og:type" content="profile">
<meta property="og:image" content="https://pklavc.github.io/images/Lavc.png">
<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Patrick Araujo | Software Engineer & Data Architect | AI & Backend">
<meta name="twitter:description" content="Software Engineer and Data Architect specialized in AI Workflows and Backend Systems. 40+ Certifications including Google AI and Data Engineering.">
<meta name="twitter:image" content="https://pklavc.github.io/images/Lavc.png">
<title>Patrick Araujo | Software Engineer & Data Architect | AI & Backend</title>
<link rel="icon" type="image/png" href="images/Lavc.png">
<link rel="stylesheet" href="css/global.css">
<link rel="stylesheet" href="css/color-blue.css">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/about.css">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.2.6/gsap.min.js"></script>
</head>
<body>
<div id="breaker">
</div>
<div id="breaker-two">
</div>
<div id="all">
<div class="cursor"></div>
<div id="navigation-content">
<div class="logo">
</div>
<div class="navigation-links">
<a href="index.html" data-text="HOME" id="home-link" >HOME</a>
<a href="#" data-text="ABOUT" id="about-link" >ABOUT</a>
<a href="projects.html" data-text="PROJECTS" id="projects-link" >PROJECTS</a>
</div>
</div>
<div id="navigation-bar">
<div class="menubar">
<span class="first-span"></span>
<span class="second-span"></span>
<span class="third-span"></span>
</div>
</div>
<div id="about">
<div class="about-container">
<div class="about-side-title">
<h2>About <span class="color">Me</span></h2>
</div>
<div class="about-content-wrapper">
<p class="bio-text">
<strong>Software Engineer and Computer Engineering student</strong> specializing in <span class="highlight">Backend Systems</span>, <span class="highlight">Data Architecture</span>, and <span class="highlight">AI Engineering</span>. I have a proven track record in architecting robust solutions using <span class="highlight">Python</span>, <span class="highlight">JavaScript</span>, and <span class="highlight">REST APIs</span>, with expertise in <span class="highlight">scalability</span> and <span class="highlight">data reliability</span>.
</p>
<p class="bio-text">
Expert in converting complex business rules into <span class="highlight">AI-driven workflows</span> and <span class="highlight">intelligent data pipelines</span>. With <span class="highlight">40+ professional certifications</span> including Google AI and Data Engineering, and hands-on experience in <span class="highlight">server configuration</span>, <span class="highlight">high-scale data pipelines</span>, and <span class="highlight">Cloud platforms</span> (AWS/Azure), I specialize in building <span class="highlight">intelligent automation systems</span> that drive <span class="highlight">operational transformation</span>.
</p>
<div class="brands-section">
<h3><img height="20" alt="GIF" src="images/trust.gif"/> Trusted By & Collaboration</h3>
<div class="slider">
<div class="slide-track">
<div class="slide"><img src="https://raw.githubusercontent.com/PkLavc/PkLavc/e158b54267226ba98162945be674baa6978a566f/resources/Icons/Static/logo-loja-do-sapo.png" alt="Loja do Sapo" /></div>
<div class="slide"><img src="https://raw.githubusercontent.com/PkLavc/PkLavc/e158b54267226ba98162945be674baa6978a566f/resources/Icons/Static/logo-icaiu.png" alt="Icaiu" /></div>
<div class="slide"><img src="https://raw.githubusercontent.com/PkLavc/PkLavc/c0d674fed38e9434168b6ca82d5430b1335a65f4/resources/Icons/Static/logo-wide-market.png" alt="Wide Market" /></div>
<div class="slide"><img src="https://raw.githubusercontent.com/PkLavc/PkLavc/e158b54267226ba98162945be674baa6978a566f/resources/Icons/Static/logo-wr.png" alt="WR" /></div>
<div class="slide"><img src="https://raw.githubusercontent.com/PkLavc/PkLavc/e158b54267226ba98162945be674baa6978a566f/resources/Icons/Static/logo-loja-do-sapo.png" alt="Loja do Sapo" /></div>
<div class="slide"><img src="https://raw.githubusercontent.com/PkLavc/PkLavc/e158b54267226ba98162945be674baa6978a566f/resources/Icons/Static/logo-icaiu.png" alt="Icaiu" /></div>
<div class="slide"><img src="https://raw.githubusercontent.com/PkLavc/PkLavc/c0d674fed38e9434168b6ca82d5430b1335a65f4/resources/Icons/Static/logo-wide-market.png" alt="Wide Market" /></div>
<div class="slide"><img src="https://raw.githubusercontent.com/PkLavc/PkLavc/e158b54267226ba98162945be674baa6978a566f/resources/Icons/Static/logo-wr.png" alt="WR" /></div>
</div>
</div>
</div>
<div class="skills-section">
<h3><img height="20" alt="GIF" src="images/skills.gif"/> Professional Experience</h3>
<div class="experience-content">
<!-- Loja do Sapo -->
<div class="experience-item no-border">
<div class="experience-header">
<img src="https://raw.githubusercontent.com/PkLavc/PkLavc/e158b54267226ba98162945be674baa6978a566f/resources/Icons/Static/logo-loja-do-sapo.png" alt="Loja do Sapo" />
<div class="experience-title-date">
<div class="experience-title">
<b>Software Engineer (Backend Architecture & Data Pipelines)</b> — Loja do Sapo
</div>
<div class="experience-date">
<i>September 2025 – Present</i>
</div>
</div>
</div>
<ul class="experience-description">
<li>Architect and implement <strong>Backend Systems</strong> and <strong>Intelligent Data Pipelines</strong> supporting high-scale business operations and data-driven decision making</li>
<li>Design and develop <strong>AI-Generative workflows</strong> that automate complex business processes and enhance operational efficiency</li>
<li>Build and maintain <strong>robust data processing pipelines</strong> with quality validation, ensuring data integrity and reliability across systems</li>
<li>Implement <strong>system interoperability</strong> through REST API integrations with Google services, Zoho platforms, and third-party systems</li>
<li>Develop <strong>scalable backend applications</strong> and configure internal servers to support growing data and user demands</li>
<li>Create <strong>intelligent dashboards</strong> and KPIs in Looker Studio, transforming raw data into actionable business insights</li>
<li>Lead <strong>system integration</strong> projects, ensuring seamless data flow between disparate platforms and applications</li>
<li>Act as technical owner for <strong>complex automation systems</strong>, maintaining high availability and performance standards</li>
</ul>
</div>
<!-- Engineering Internship -->
<div class="experience-item">
<div class="experience-header no-logo">
<div class="experience-title-date">
<div class="experience-title">
<b>Software Developer (Data & Workflows)</b>
</div>
<div class="experience-date">
<i>October 2024 – August 2025</i>
</div>
</div>
</div>
<ul class="experience-description">
<li>Implemented business rules and validated workflows using Deluge, Python, and JavaScript</li>
<li>Created data architectures for Looker Studio reporting, ensuring accuracy of real-time operational metrics</li>
<li>Developed data processing and visualization solutions with quality validation</li>
<li>Supported system integrations and feature development using JavaScript</li>
</ul>
</div>
<!-- iCaiu -->
<div class="experience-item">
<div class="experience-header">
<img src="https://raw.githubusercontent.com/PkLavc/PkLavc/e158b54267226ba98162945be674baa6978a566f/resources/Icons/Static/logo-icaiu.png" alt="iCaiu" />
<div class="experience-title-date">
<div class="experience-title">
<b>Software Engineer (Systems Integration)</b> — iCaiu
</div>
<div class="experience-date">
<i>March 2025 – Present</i>
</div>
</div>
</div>
<ul class="experience-description">
<li>Engineered internal automation processes, ensuring system interoperability and reducing bottlenecks</li>
<li>Performed functional testing, identifying API-layer bugs, and validating technical requirements</li>
<li>Diagnosing high-complexity technical failures and implementing preventive fixes for seamless data flows</li>
<li>Collaborated on backend systems and REST API integrations</li>
<li>Provided hands-on technical support for operational and technology-driven processes</li>
</ul>
</div>
<!-- WR Auto Peças -->
<div class="experience-item">
<div class="experience-header">
<img src="https://raw.githubusercontent.com/PkLavc/PkLavc/e158b54267226ba98162945be674baa6978a566f/resources/Icons/Static/logo-wr.png" alt="WR Auto Peças" />
<div class="experience-title-date">
<div class="experience-title">
<b>Operations & Tech Support Specialist</b> — WR Auto Peças
</div>
<div class="experience-date">
<i>November 2015 – February 2026</i>
</div>
</div>
</div>
<ul class="experience-description">
<li>Developed internal data analysis tools and administrative automation scripts using Python</li>
<li>Built and maintained the company’s institutional website and internal digital support tools</li>
<li>Managed fiscal and administrative systems, ensuring technical compliance over a 10-year tenure</li>
<li>Provided technical and operational support</li>
<li>Optimized business processes through technology-driven solutions</li>
</ul>
</div>
</div>
</div>
<div class="skills-section">
<h3><img height="20" alt="GIF" src="images/Da_Vinci.gif"/> Key Skills</h3>
<div class="skills-grid">
<span>Python</span>
<span>JavaScript</span>
<span>Generative AI</span>
<span>Data Architecture</span>
<span>AI Engineering</span>
<span>ETL Pipelines</span>
<span>Node.js</span>
<span>NestJS</span>
<span>PostgreSQL</span>
<span>Docker</span>
<span>AWS</span>
<span>Azure</span>
<span>CI/CD</span>
<span>Observability</span>
<span>Data Pipelines</span>
<span>Large Language Models (LLM)</span>
<span>Process Automation</span>
<span>QA & Testing</span>
<span>Functional Testing</span>
<span>Workflow Validation</span>
<span>Backend Architecture</span>
<span>Solutions Architecture</span>
<span>System Integration</span>
</div>
</div>
<div class="skills-section">
<h3><img height="20" alt="GIF" src="images/Globe.gif"/> Education</h3>
<div class="education-content">
<div class="education-item">
<div class="education-header">
<div class="education-title-date">
<div class="education-title">
<b>Bachelor of Engineering (BE) - Computer Engineering</b>
</div>
<div class="education-date">
<i>5th Semester</i> | Expected Graduation: 2028
</div>
</div>
</div>
<div class="education-institution">
Centro Universitário Newton Paiva
</div>
</div>
</div>
</div>
<div class="skills-section">
<h3><img height="20" alt="GIF" src="images/link.gif"/> Contact</h3>
<div class="contact-grid">
<div class="contact-item">
<a href="https://github.com/PkLavc" target="_blank"><img alt="GitHub" height="42" src="images/github.gif"/></a>
<span class="contact-value" data-href="https://github.com/PkLavc">PkLavc</span>
<button class="copy-btn" data-copy="https://github.com/PkLavc" title="Copy to clipboard">
🗎 <span>copy</span>
</button>
</div>
<div class="contact-item">
<a href="https://www.linkedin.com/in/patrickajm/" target="_blank"><img alt="LinkedIn" height="42" src="images/linkedin.gif"/></a>
<span class="contact-value" data-href="https://www.linkedin.com/in/patrickajm/">patrickajm</span>
<button class="copy-btn" data-copy="https://www.linkedin.com/in/patrickajm/" title="Copy to clipboard">
🗎 <span>copy</span>
</button>
</div>
<div class="contact-item">
<a href="mailto:patrickajm@gmail.com" target="_blank"><img alt="Email" height="42" src="images/mail.gif"/></a>
<span class="contact-value" data-href="mailto:patrickajm@gmail.com">patrickajm@gmail.com</span>
<button class="copy-btn" data-copy="patrickajm@gmail.com" title="Copy to clipboard">
🗎 <span>copy</span>
</button>
</div>
</div>
</div>
</div>
<div class="about-profile-img">
<div class="img-border">
<img src="https://avatars.githubusercontent.com/u/163757335?v=4" alt="Profile">
</div>
</div>
</div>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/particles.js"></script>
<script src="js/particles.min.js"></script>
<script src="js/index.js"></script>
<script>
// Dynamic semester calculation
function updateSemester() {
const currentYear = new Date().getFullYear();
const currentMonth = new Date().getMonth() + 1; // 1-12
const currentDay = new Date().getDate();
// Start date: February 2024 (1st semester)
const startDate = new Date(2024, 1, 1); // February 1, 2024
const currentDate = new Date();
// Calculate months since start
const monthsSinceStart = (currentYear - startDate.getFullYear()) * 12 + (currentMonth - startDate.getMonth());
// Calculate semester (assuming 6 months per year, 2 semesters)
// Semester 1: February - July, Semester 2: August - January
let semester;
if (currentMonth >= 2 && currentMonth <= 7) {
// First semester (February to July)
semester = Math.ceil(monthsSinceStart / 6) * 2 - 1;
} else {
// Second semester (August to January)
semester = Math.ceil(monthsSinceStart / 6) * 2;
}
// Cap at 9th semester (final semester)
if (semester > 9) semester = 9;
const semesterElement = document.getElementById('current-semester');
if (semesterElement) {
semesterElement.textContent = semester + (semester === 1 ? 'st' : semester === 2 ? 'nd' : semester === 3 ? 'rd' : 'th') + ' Semester';
}
}
// Update semester on page load
updateSemester();
// Contact value and copy button functionality
document.querySelectorAll('.contact-value').forEach(span => {
span.addEventListener('click', function() {
const href = this.getAttribute('data-href');
if (href) {
window.open(href, '_blank');
}
});
});
// Copy to clipboard functionality
document.querySelectorAll('.copy-btn').forEach(button => {
button.addEventListener('click', function(e) {
e.preventDefault();
const textToCopy = this.getAttribute('data-copy');
const originalText = this.innerHTML;
// Copy to clipboard
navigator.clipboard.writeText(textToCopy).then(() => {
// Visual feedback
this.classList.add('copied');
this.innerHTML = '✓ <span>copied</span>';
// Reset after 2 seconds
setTimeout(() => {
this.classList.remove('copied');
this.innerHTML = originalText;
}, 2000);
}).catch(err => {
console.error('Failed to copy:', err);
});
});
});
</script>
<!--particles script-->
<script>
particlesJS("particles", {"particles":{"number":{"value":40,"density":{"enable":true,"value_area":800}},"color":{"value":"#ffffff"},"shape":{"type":"circle","stroke":{"width":0,"color":"#000000"},"polygon":{"nb_sides":5},"image":{"src":"img/github.svg","width":100,"height":100}},"opacity":{"value":0.5,"random":false,"anim":{"enable":false,"speed":1,"opacity_min":0.1,"sync":false}},"size":{"value":3,"random":true,"anim":{"enable":false,"speed":40,"size_min":0.1,"sync":false}},"line_linked":{"enable":true,"distance":150,"color":"#ffffff","opacity":0.4,"width":1},"move":{"enable":true,"speed":6,"direction":"none","random":false,"straight":false,"out_mode":"out","bounce":false,"attract":{"enable":false,"rotateX":600,"rotateY":1200}}},"interactivity":{"detect_on":"canvas","events":{"onhover":{"enable":true,"mode":"repulse"},"onclick":{"enable":true,"mode":"push"},"resize":true},"modes":{"grab":{"distance":400,"line_linked":{"opacity":1}},"bubble":{"distance":400,"size":40,"duration":2,"opacity":8,"speed":3},"repulse":{"distance":200,"duration":0.4},"push":{"particles_nb":4},"remove":{"particles_nb":2}}},"retina_detect":true});
</script>
<footer class="footer-minimal">
<div class="footer-container">
<p>
© 2026 Patrick Araujo •
<span class="github-dev-badge">Member of <b>GitHub Developer Program</b></span> •
<span class="credits-trigger" onclick="toggleCredits()">Resources & Attributions</span>
</p>
<div id="credits-list" class="credits-hidden" style="display: none;">
<div class="credits-grid">
<a href="https://lordicon.com/" target="_blank">Icons</a>
<a href="https://vincentgarreau.com/" target="_blank">VFX</a>
<a href="https://docs.github.com/en/developers" target="_blank">GitHub API Integration</a>
</div>
</div>
</div>
</footer>
</body>
</html>