-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathwork.html
More file actions
268 lines (264 loc) · 18.5 KB
/
work.html
File metadata and controls
268 lines (264 loc) · 18.5 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lucas Nascimento - Experience</title>
<meta name="description" content="Lucas Nascimento is a Software Engineer and Web Designer from Brazil. This portfolio/interactive resume presents previous and ongoing projects, professional experience, education, his aspirations as a developer, and much more."/>
<meta name="keywords" content="Developer, Programmer, Software Engineering, Software Engineer, Resume, Professional"/>
<meta name="author" content="Lucas Nascimento"/>
<link href="assets/images/logo.png" rel="icon" type="image/png"/>
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Lucas Nascimento - Software Engineer and Web Designer" />
<meta property="og:description" content="Lucas Nascimento is a Software Engineer and Web Designer from Brazil. This portfolio/interactive resume presents previous and ongoing projects, professional experience, education, his aspirations as a developer, and much more." />
<meta property="og:url" content="https://lluc.dev/" />
<meta property="og:site_name" content="Lucas Nascimento" />
<meta property="article:publisher" content="https://lluc.dev/" />
<meta property="og:image" content="assets/images/logo.png" />
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&family=Red+Hat+Mono:ital,wght@0,300..700;1,300..700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/styles/config.css">
<link rel="stylesheet" href="assets/styles/styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.0/css/all.min.css" integrity="sha512-DxV+EoADOkOygM4IR9yXP8Sb2qwgidEmeqAEmDKIOfPRQZOWbXCzLC6vjbZyy0vPisbH2SyW27+ddLVCN+OMzQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<main x-data="headerHandler" x-init="init">
<header :class="{'fixed-header': isFixed}">
<a href="index.html"><img src="assets/images/logo.png" draggable="false" alt="Logo" class="pointer logo"></a>
<img src="assets/images/menu.png" draggable="false" alt="Menu" class="pointer menu closed" @click="menuOpen = true">
<div class="menu-links">
<a href="index.html">Index</a>
</div>
</header>
<header style="display:none" x-show="menuOpen" class="fixed-menu">
<div class="inverted-header">
<a href="index.html"><img src="assets/images/logo.png" draggable="false" alt="Logo" class="pointer logo"></a>
<img src="assets/images/xmark.png" draggable="false" alt="Menu" class="pointer menu" @click="menuOpen = false">
</div>
<a href="index.html" class="menu-link">
Index
</a>
<div class="menu-hl"></div>
<a href="work.html" class="menu-link">
Experience
</a>
<a href="https://www.linkedin.com/in/llucmou/" target="_blank" class="button-menu">
<i class="fa-brands fa-linkedin"></i>
LinkedIn
</a>
</header>
<section class="experience" :style="isFixed ? 'margin-top: 100px;' : undefined">
<h3>Experience</h3>
<div class="job" x-data="carouselHandler">
<div>
<div class="job-header">
<h2>Software Engineer</h2>
<div>
<p class="company">RoboCup Brasil</p>
<h4>2022 - present</h4>
</div>
</div>
<div class="description">
As a Software Engineer and Lead Frontend Developer at RoboCup Brazil, my responsibilities are focused on delivering intelligent, scalable, and user-friendly solutions. I begin by collaborating with clients to deeply understand their needs, which then allows me to effectively plan and diagram new features. My work includes designing and testing user interfaces to ensure the best possible user experience (UX) for all users.
<br/><br/>
A key part of my role is to enhance the website's performance by improving SEO metrics and PageSpeed scores. I'm also responsible for developing new features, fixing bugs, and refactoring underperforming code to improve the overall architecture and ensure future scalability. While my primary focus is on frontend development, I also regularly handle backend tasks to support our projects.
</div>
</div>
<div>
<img :src="images[currentImage]" draggable="false" class="main-img" alt="Job Image">
<div class="carousel-controls">
<img src="assets/images/arrow.png" draggable="false" class="pointer previous" alt="Previous" @click="prevImage">
<span class="slide" x-text="`${currentImage + 1}/${images.length} ${description[currentImage]}`"></span>
<img src="assets/images/arrow.png" draggable="false" class="pointer next" alt="Next" @click="nextImage">
</div>
</div>
</div>
<div class="job">
<div>
<div class="job-header">
<h2>Unity Developer</h2>
<div>
<p class="company">Olimpíada Brasileira de Robótica</p>
<h4>2020 - 2022</h4>
</div>
</div>
<div class="description">
As a Unity Developer at OBR, I was initially contracted to adapt and improve my educational robotics simulation tool, sBotics. I have since been working with the organization to enhance the platform and user experience, and have continued to contribute as a volunteer since 2022. My responsibilities include detecting and fixing bugs, as well as implementing new features like new options and robots. I am also responsible for integrating the simulator with its servers via API.
<br/><br/>
To ensure secure communication, I implement and test security features to protect requests. I analyze the code to ensure it is performant and can run on a variety of devices, always keeping the average performance of Brazilian devices in mind. I use a profiler and run tests to identify underperforming code and plan for future refactoring. Beyond my development work, I also act as a voice for simulated robotics at OBR, occasionally participating in livestreams.
</div>
</div>
<div>
<img src="assets/images/obr.png" draggable="false" class="main-img" alt="Job Image">
</div>
</div>
<div class="job">
<div>
<div class="job-header">
<h2>Full-stack Developer</h2>
<div>
<p class="company">Sócio Nerd</p>
<h4>2019 - 2020</h4>
</div>
</div>
<div class="description">
At Sócio Nerd, a software development agency in Natal, Brazil, focused on medium and small companies, I worked as a full-stack Ruby on Rails developer. My responsibilities included maintaining and developing new solutions for a wide range of clients. I used various technologies, such as AngularJS and MongoDB, and tracked all tasks with project management tools like Jira and Asana.
</div>
</div>
<div>
<img src="assets/images/socionerd.png" draggable="false" class="main-img" alt="Job Image">
</div>
</div>
<div class="job">
<div>
<div class="job-header">
<h2>R&D Technician</h2>
<div>
<p class="company">IFRN</p>
<h4>2018</h4>
</div>
</div>
<div class="description">
As a paid scholar at IFRN, I was tasked with designing and implementing what would later become sBotics, an educational robotics simulation tool aimed at teaching children and adolescents key concepts in the field. Its entire architecture was carefully planned and implemented over the year to create a virtual robotics kit for the K-12 age range, making the task of building and programming robots both fun and exciting. Users in the simulator can build their robots to their liking and program them using either C# or R-educ, a more user-friendly language that utilizes a web-based transpiler.
</div>
</div>
<div>
<img src="assets/images/ifrn.png" draggable="false" class="main-img" alt="Job Image">
</div>
</div>
</section>
<section class="projects">
<a href="https://2025.robocup.org" target="_blank" class="box link">
<div class="pointer header">
<span class="pointer year">2025</span>
<span class="pointer">Project</span>
<img class="pointer" src="assets/images/arrow.png" draggable="false" alt="Open">
</div>
<h4 class="pointer">RoboCup 2025 Website</h4>
</a>
<a href="https://obr.robocup.org.br" target="_blank" class="box link">
<div class="pointer header">
<span class="pointer year">2024</span>
<span class="pointer">Project</span>
<img class="pointer" src="assets/images/arrow.png" draggable="false" alt="Open">
</div>
<h4 class="pointer">Brazilian Robotics Olympiad Website</h4>
</a>
<a href="https://olimpo.robocup.org.br" target="_blank" class="box link">
<div class="pointer header">
<span class="pointer year">2023</span>
<span class="pointer">Project</span>
<img class="pointer" src="assets/images/arrow.png" draggable="false" alt="Open">
</div>
<h4 class="pointer">Olimpo Tournament Management System</h4>
</a>
<div class="box" x-data="{ open: false }">
<div class="pointer collapse header" @click="open = !open">
<span class="pointer year">2021</span>
<span class="pointer">Publication</span>
<img class="pointer" src="assets/images/xmark.png" draggable="false" alt="Toggle" :class="{ 'open': open }">
</div>
<h4 class="pointer" @click="open = !open">sBotics - Gamified Framework for Educational Robotics</h4>
<div class="content" x-show="open" x-transition>
Journal of Intelligent and Robotic Systems; 102(1): 17, 2021.
</div>
<a href="assets/documents/Nascimento2021_Article_SBotics-GamifiedFrameworkForEd.pdf" target="_blank" class="button" x-show="open" x-transition>
PDF
</a>
</div>
<a href="https://events.sbotics.net" target="_blank" class="box link">
<div class="pointer header">
<span class="pointer year">2020</span>
<span class="pointer">Project</span>
<img class="pointer" src="assets/images/arrow.png" draggable="false" alt="Open">
</div>
<h4 class="pointer">sBotics Events</h4>
</a>
<div class="box" x-data="{ open: false }">
<div class="pointer collapse header" @click="open = !open">
<span class="pointer year">2019</span>
<span class="pointer">Publication</span>
<img class="pointer" src="assets/images/xmark.png" draggable="false" alt="Toggle" :class="{ 'open': open }">
</div>
<h4 class="pointer" @click="open = !open">sBotics: Simulation Applied for the Practical Component of the Brazilian Robotics Olympiad</h4>
<div class="content" x-show="open" x-transition>
2019 Latin American Robotics Symposium (LARS), 2019 Brazilian Symposium on Robotics (SBR), and 2019 Workshop on Robotics in Education (WRE), 2019. p. 487.
</div>
<a href="assets/documents/2019_sBotics_Simulation_Applied_for_the_Practical_Component_of_the_Brazilian_Robotics_Olympiad.pdf" target="_blank" class="button" x-show="open" x-transition>
PDF
</a>
</div>
<a href="https://sbotics.net" target="_blank" class="box link">
<div class="pointer header">
<span class="pointer year">2018</span>
<span class="pointer">Project</span>
<img class="pointer" src="assets/images/arrow.png" draggable="false" alt="Open">
</div>
<h4 class="pointer">sBotics</h4>
</a>
<div class="box" x-data="{ open: false }">
<div class="pointer collapse header" @click="open = !open">
<span class="pointer year">2017</span>
<span class="pointer">Project</span>
<img class="pointer" src="assets/images/xmark.png" draggable="false" alt="Toggle" :class="{ 'open': open }">
</div>
<h4 class="pointer" @click="open = !open">Implementing and analysing Educational Robotics workshops in public state-funded schools</h4>
<div class="content" x-show="open" x-transition>
This project aimed at implementing and monitoring Robotics workshops in public schools of Natal, Brazil. Educational robotics can be thought of as an innovative tool that allows students involved in workshops to stimulate their investigative thinking, develop logical reasoning, motor coordination and assist in the learning of interdisciplinary content. With this project, we sought to allow teachers to feel more comfortable and encouraged to apply this tool, providing the necessary support in the preparation and execution of classes using robotics.
</div>
</div>
<div class="box" x-data="{ open: false }">
<div class="pointer collapse header" @click="open = !open">
<span class="pointer year">2016</span>
<span class="pointer">Project</span>
<img class="pointer" src="assets/images/xmark.png" draggable="false" alt="Toggle" :class="{ 'open': open }">
</div>
<h4 class="pointer" @click="open = !open">Water usage and management app for "IFRN - Campus Natal Central"</h4>
<div class="content" x-show="open" x-transition>
All around the planet, different population groups suffer from the lack of water, mainly driven by water wastage or mismanagement. This reality motivated the development of this platform, with the main objective of creating a water-saving culture among the students of Natal's IFRN Campus Central high school and community college. The app features a simple user interface, where every student or professor can take pictures of a water-related problem around the campus and report it to the water management department.
</div>
</div>
</section>
</main>
<footer>
2025 by Lucas Nascimento
</footer>
<script src="assets/scripts/cursor.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.0/js/all.min.js" integrity="sha512-gBYquPLlR76UWqCwD06/xwal4so02RjIR0oyG1TIhSGwmBTRrIkQbaPehPF8iwuY9jFikDHMGEelt0DtY7jtvQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
document.addEventListener('alpine:init', () => {
Alpine.data('headerHandler', () => ({
isFixed: false,
menuOpen: false,
init() {
window.addEventListener('scroll', () => {
this.isFixed = window.scrollY > 100;
});
}
}));
Alpine.data('carouselHandler', () => ({
images: [
'assets/images/robocup-1.png',
'assets/images/robocup-2.png',
'assets/images/robocup-3.png'
],
description: [
'Olimpo',
'OBR',
'Salvador 2025'
],
currentImage: 0,
nextImage() {
this.currentImage = (this.currentImage + 1) % this.images.length;
},
prevImage() {
this.currentImage = (this.currentImage - 1 + this.images.length) % this.images.length;
}
}));
});
</script>
</body>
</html>