/
index.html
398 lines (341 loc) · 21.3 KB
/
index.html
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
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- CoreUI CSS -->
<link rel="stylesheet" href="./css/coreui/coreui.min.css">
<!-- fontawesome -->
<script type="text/javascript">
(function () {
var css = document.createElement('link');
css.href = 'https://use.fontawesome.com/releases/v5.8.1/css/all.css';
css.rel = 'stylesheet';
css.type = 'text/css';
document.getElementsByTagName('head')[0].appendChild(css);
})();
</script>
<!-- personal style -->
<link rel="stylesheet" href="./css/mystyle.min.css">
<link rel="stylesheet" href="./css/timeline.min.css">
<meta charset="utf-8">
<title>Official website - lucaamoriello.it</title>
<meta name="description"
content="Luca Amoriello's official website. Read more about Luca Amoriello's skills and experiences. Download his curriculum, find social links and his creations.">
<meta name="author" content="Luca Amoriello" />
<meta name="keywords"
content="lucaamoriello,lucaamoriello.it,luca amoriello,informatics,curriculum,github,codice,progetti,librerie,fotografia,video,nathalie,pictures,videos,lucaam,photography,photographer,gallery,cv,experience" />
<!-- favicon for FF, Chrome, Opera -->
<link rel="icon" type="image/png" href="/assets/favicons/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/assets/favicons/favicon-32x32.png" sizes="32x32">
<!-- favicon for IE -->
<link rel="icon" type="image/x-icon" href="/assets/favicons/favicon.ico">
<link rel="shortcut icon" type="image/x-icon" href="/assets/favicons/favicon.ico" />
</head>
<body>
<div class="container-fluid header h-100 text-light vertical-center " id="header">
<div class="container">
<p class="text-left text-uppercase display-4 letter-spacing-1 nav-link">Luca Amoriello</p>
<p class="text-left lead nav-link">Studying Computer Science @ <a class="header-text-link"
href="https://www.unisa.it/">UNISA</a> + Working @ <a class="header-text-link"
href="https://www.luxoft.com/">Luxoft Italy</a></p>
<p class="text-left lead nav-link">Actually learning Traefik + improving CI/CD knowledge</p>
<p class="text-left lead nav-link">Photography lover - 45.0677551, 7.6824892</p>
<div class="invisible" id="navbar-container">
<ul class="nav mb-5 " id="navbar">
<li class="nav-item">
<a class="nav-link active" href="#">Active</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
</div>
</div>
</div>
<div class="cBox mr-3">
<p id="download-image-link" class="cText small header-text-link">Download image - Luca Amoriello ©
<span class="year" id="year-header"></span></p>
</div>
<div class="pt-5">
<section id="about-me">
<div class="container">
<p class="h1 mt-4 whoami d-none"><samp>root@lucaamoriello:~$ whoami</samp></p>
<p class="h1 mt-4 ">About me</p>
<p>Born in <a class="custom-link" href="https://en.wikipedia.org/wiki/Sant'Agata_de'_Goti">Sant'Agata
de' Goti</a> <span class="age" id="age"></span> years ago. I am currently studying Computer
Science at University of Salerno. I am working
fulltime at Luxoft Italy as Release Manager / DevOps Engineer while finishing my last exams.</p>
<p>My evergreen hobbies are programming, diy, photography, travelling and (newcomer) swimming.</p>
</div>
</section>
<div class="container" id="exp">
<h2 class="h1 mt-4">Experiences</h2>
<div class="row text-center">
<div class="offset-md-1 col-md-4 mb-4">
<a class="h3 mt-4 title-tab-active" id="buttonProExperience">Professional</a>
</div>
<div class="text-center col-md-2">
<label class="c-switch c-switch-sm c-switch-pill c-switch-primary">
<input type="checkbox" id="refreshExp" showing="pro" class="c-switch-input">
<span class="c-switch-slider"></span>
</label>
</div>
<div class="offset-md-1 col-md-4">
<a class="h3 mt-4 title-tab" id="buttonExperience">Personal</a>
</div>
</div>
</div>
<section id="pro-experience">
<div class="container">
<div class="timeline">
<div class="timeline-block timeline-block-left">
<div class="timeline-content">
<h3 class="text-uppercase">Release Manager / CI Integrator</h3>
<span>Release Manager - CI Integrator - DevOps Engineer</span>
<br>
<span>Luxoft</span>
<div class="text-right small-date mb-4">October, 2022 - Present</div>
<p class="text-justify">
I am currently working as DevOps Engineer on pipelines with Zuul, Github and (developing with) Ansible (mainly).
In addition, I am learning how the delivery process works.</p>
</div>
<div class="marker"></div>
</div>
<div class="timeline-block timeline-block-right">
<div class="marker"></div>
<div class="timeline-content">
<h3 class="text-uppercase">Software Developer</h3>
<span>Solution Architect - Software Developer - Integration Engineer - Tester</span>
<br>
<span>Ericsson </span>
<div class="text-left small-date mb-4">February, 2019 - October, 2022</div>
<p class="text-justify fw-semibold">I really enjoyed Ericsson even if I left the company.
One month after I left, I would have received my promotion to Solution Architect.</p>
<p class="text-justify">Setup vEDA (Virtual Ericsson Dynamic Activation) for English
provider <a class="custom-link" href="https://www.inmarsat.com/">Inmarsat</a>. I
improved, thanks to this activity, my knowledge of Openstack, Linux administration
and networking.</p>
<p class="text-justify">EMA to EDA migration for Spanish provider <a class="custom-link"
href="https://www.yoigo.com/">Yoigo</a>. Main points I had to do were integration
testing, customer adaptation installation and rollout activies in live environments.
</p>
<p class="text-justify">Applicaiton migrated from legacy JavaEE to Java8 for Italian
provider <a class="custom-link" href="https://www.windtre.it/">Wind3</a>. I moved a
webapp from JBoss to Wildfly, integrating Maven to this project. I decided to
migrate SVN repo to Git repo and use Gitlab with its CI/CD tools. This migration lit in
me, the desire of initiate a DevOps flow. Everything was moved to Azure Cloud using
Azure AD. Wildfly is into a Docker container. Today
the deployment in live environment can be done in one click.</p>
<p class="text-justify">Automation stream for the Italian
provider <a class="custom-link" href="https://www.windtre.it/">Wind3</a>. Python based
backend written with Flask serves the frontend GUI written in Angular to provide to the
customer a bunch of automations.
The source code is built and pushed inside production ready web servers and the whole
stack is built using different Docker containers as services managed by Docker compose.
A complete CI/CD process is being used for this automation tool starting from the
automated build to the delivery inside the customer's environment thanks to a well
structured pipeline.
What is behind the pipeline is something I am currently managing from software to
network.
</p>
<p class="text-justify">Own initiative are related to testing automation and installation
automation. The first one was done developing a Java software, the second one was done
with Ansible, automating a 2 hours process. Both are now used by Ericsson
and some customers.</p>
</div>
</div>
<div class="timeline-block timeline-block-left">
<div class="timeline-content">
<h3 class="text-uppercase">Startup Weekend Caserta</h3>
<span>Google for Entrepreneurs</span>
<div class="text-right small-date mb-4">May, 2018 - May, 2018</div>
<p class="text-justify">Startup Weekend is a 54-hour weekeend event during which groups of
people, expert in different areas, create a demo or a presentation for their project.
This experience really helped me understanding what are the basis to work
in team to reach a common goal, ranging over different thematic.</p>
</div>
<div class="marker"></div>
</div>
</div>
</div>
</section>
<section id="experience" class="d-none">
<div class="container">
<!-- <h2 class="h1 mt-4">Personal Experience</h2> -->
<div class="timeline">
<div class="timeline-block timeline-block-right">
<div class="marker"></div>
<div class="timeline-content">
<h3 class="text-uppercase">Oil mill digitalization and automation</h3>
<span>Terravecchia S.r.l.</span>
<div class="text-left small-date mb-4">Semptember, 2021 - Ongoing</div>
<p class="text-justify">Automate the whole process from weigh the olives and track them in a
digital way to allow customers book the milling from their home. Those are in short the
two extremes of what is ongoing at Terravecchia S.r.l. </p>
</div>
</div>
<div class="timeline-block timeline-block-left">
<div class="timeline-content">
<h3 class="text-uppercase">Website for Birra Amore</h3>
<span>Terravecchia S.r.l.</span>
<div class="text-right small-date mb-4">Semptember, 2020 - Ongoing</div>
<p class="text-justify">Static <a href="https://amorebirra.it/">website</a> for Birra
Amore in collaboration with <a href="https://github.com/imgios">@imgios</a> created as
base for future improvements. Also an analysis for an e-commerce is in progress.</p>
</div>
<div class="marker"></div>
</div>
<div class="timeline-block timeline-block-right">
<div class="marker"></div>
<div class="timeline-content">
<h3 class="text-uppercase">Taboo</h3>
<span>Personal project during quaratine</span>
<div class="text-left small-date mb-4">March, 2020 - November, 2020</div>
<p>During Christmas holidays my firends and I used to play Taboo a lot. During COVID-19
quarantine I started to think a way to play and spent times from remote with my firends.
That's why I started to design and develop, in a
very short time, a web application that was reproducing Taboo game. I decided to develop
it with SpringBoot, using websockets, MySQL as database and a bit of HTLM, CSS (Bulma
Framework) for the frontend.</p>
</div>
</div>
<div class="timeline-block timeline-block-left">
<div class="timeline-content">
<h3 class="text-uppercase">Surveillance system</h3>
<span>Friend house</span>
<div class="text-right small-date mb-4">March, 2019 - April, 2019</div>
<p class="text-justify">I setup a 4 cameras surveillance system for a friend. It records
24h/24h and stores 2 months of recording. A Raspberry was used to duplicate screen where
live view of cameras is available. To do that I wrote a simple HTML page
using VLC plugin to run rstp streams. The Raspberry has autostart system and a basic
auto healing system.</p>
</div>
<div class="marker"></div>
</div>
<div class="timeline-block timeline-block-right">
<div class="marker"></div>
<div class="timeline-content">
<h3 class="text-uppercase">Clickeat</h3>
<span>University of Salerno</span>
<div class="text-left small-date mb-4">October, 2018 - June, 2019</div>
<p class="text-justify">We created a restaurant software management according to the
engineering approach. Working in team and analysis were fundamental parts of this
project. We started from HLD and LLD and went through all processes that are involved
in a software "production". After testing our work we also released this software online
with a continuos integration process to a home server first and Google Cloud at the end.
</p>
</div>
</div>
<div class="timeline-block timeline-block-left">
<div class="timeline-content">
<h3 class="text-uppercase">Focusit</h3>
<span>University of Salerno</span>
<div class="text-right small-date mb-4">June, 2018 - July, 2018</div>
<p class="text-justify">Small e-commerce website deployed with Java EE using the MVC pattern
linked to MySQL as database to store persistent data. Servlet, JavaBean, JSP, Session
and cookies were used to manage the backend, alongside MySQL maangement.
HTML, CSS, Bootstrap, Javascript, Ajax, jQuery were used for the frontend.</p>
</div>
<div class="marker"></div>
</div>
</div>
</div>
</section>
<section id="github">
<div class="container">
<div>
<h2 class="h1 mt-4">Github</h2>
<p>I spend many hours exploring Github to find very interesting repositories and stuff to learn and
try. I love open source philosophy, that's why I try to contribute with my personal code. Here
is a list of my public repositories.</p>
</div>
<div id="repo-container" class="text-center justify-content-center">
</div>
</div>
</section>
<!-- <section id="pics">
<div class="container">
<div>
<h2 class="h1 mt-4">Pictures</h2>
<p>I love taking picture with my fellow traveller <a class="custom-link"
href="https://www.instagram.com/nathalie_amore/">Nathalie</a>. We spent many hours togheter
shooting and thinking our ideas.</p>
</div>
<p class="small text-muted text-right">Pictures are dynamically taken from my <a class="custom-link"
href="https://www.instagram.com/lucaamoriello/">Instagram</a> page so expect low resolution and
non proper aligment</p>
</div>
</section> -->
<section id="contacts">
<div class="container ">
<div>
<h2 class="h1 mt-4">Contacts</h2>
<p>Below you can find all links to keep in touch with me. I personally love Telegram so you can drop
me a message there to have a quick chat. Emails are an evergreen if you want to keep it
professional!</p>
</div>
<div class="icons row text-center">
<div class="col-md-1 offset-md-1 col-6">
<a href="https://t.me/lucaam"><i class="fab fa-2x fa-telegram-plane fa-light m-5 grow"></i></a>
</div>
<div class="col-md-1 col-6">
<a href="mailto:luca.amoriello@hotmail.it"><i
class="fas fa-2x fa-envelope-open-text fa-light m-5 grow"></i></a>
</div>
<div class="col-md-1 col-6">
<a href="https://facebook.com/luca.amoriello"><i
class="fab fa-2x fa-facebook-f fa-light m-5 grow"></i></a>
</div>
<div class="col-md-1 col-6">
<a href="https://youtube.com/channel/UCwWfPS3Z4QpfpSgAx_5CaUg"><i
class="fab fa-2x fa-youtube fa-light m-5 grow"></i></a>
</div>
<div class="col-md-1 col-6">
<a href="https://twitter.com/LucaAmoriello"><i
class="fab fa-2x fa-twitter fa-light m-5 grow"></i></a>
</div>
<div class="col-md-1 col-6">
<a href="http://github.com/lucaam"><i
class="fas fa-2x fa-code-branch fa-light m-5 grow"></i></a>
</div>
<div class="col-md-1 col-6">
<a href="https://instagram.com/lucaamoriello/"><i style="border-radius:40%;"
class="fab fa-2x fa-instagram fa-light m-5 grow"></i></a>
</div>
<div class="col-md-1 col-6">
<a href="https://linkedin.com/in/luca-amoriello-339125127/"><i
class="fab fa-2x fa-linkedin-in fa-light m-5 grow"></i></a>
</div>
<div class="col-md-1">
<a href="/download/curriculum_vitae.pdf"><i
class="fas fa-2x fa-file-download fa-light m-5 grow"></i></a>
</div>
</div>
</div>
</section>
</div>
<footer class="c-footer container">
<div>
<span>Luca Amoriello</span>
<span>© <span class="year" id="year-footer"></span>.</span>
</div>
<div class="ml-auto">
<span>Made with</span>
<a href="https://coreui.io">CoreUI</a>
<span>and opensource code</span>
</div>
</footer>
<script src="./js/jquery/jquery-3.6.4.min.js"></script>
<script src="./js/coreui/coreui.bundle.min.js"></script>
<!-- <script src="./js/instafeed.min.js"></script> -->
<script src="./js/utility.min.js"></script>
<script src="./js/git.min.js"></script>
<!-- <script src="./js/carousel.min.js"></script> -->
</body>
</html>