-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
196 lines (192 loc) · 11.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Albert Neata</title>
<link rel="icon" type="image/jpeg" sizes="500x500" href="assets/img/yo.webp">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400,700">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<nav class="navbar navbar-dark navbar-expand-lg fixed-top bg-white portfolio-navbar gradient">
<div class="container"><a class="navbar-brand logo" href="index.html">Albert Neata</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navbarNav"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse"
id="navbarNav">
<ul class="nav navbar-nav ml-auto">
<li class="nav-item" role="presentation">
<a class="nav-link active" href="index.html"><i class="icon ion-home icon mr-1"></i>Home</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" href="index.html#cv"><i class="icon ion-person icon mr-1"></i>Resume</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" href="contact.html"><i class="icon ion-email icon mr-1"></i>Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<main class="page lanidng-page projects-page">
<section class="portfolio-block block-intro pb-sm-0">
<div class="container"><img src="assets/img/yo.webp" style="width: 150px;height: 150px;border-radius: 50%">
<div class="about-me mt-3">
<p id="cv">Hello! I am <strong>Albert Neata</strong>. I work as backend software engineer. I also, have passion for pixel perfect, minimal and easy to use interfaces.</p>
</div>
</div>
</section>
<section class="portfolio-block cv">
<div class="container">
<div class="education group">
<div class="heading">
<h2 class="text-center">Education</h2>
</div>
<div class="item">
<div class="row">
<div class="col-md-6">
<h3>Computer Science</h3>
<h4 class="organization">Universitat Jaime I</h4>
<span class="text-muted">Castellón de la Plana, Spain</span>
</div>
<div class="col-md-6"><span class="period">September 2016 - May 2020</span></div>
</div>
</div>
</div>
<div class="work-experience group">
<div class="heading">
<h2 class="text-center">Work Experience</h2>
</div>
<div class="item">
<div class="row">
<div class="col-md-6">
<h3>Backend Software Engineer</h3>
<h4 class="organization">TUI Group</h4>
<span class="text-muted">Remote, Spain</span>
</div>
<div class="col-md-6"><span class="badge period">August 2022 - Present</span></div>
</div>
<p class="text-muted">Travel leading company. Assigned to TUI Musement subsidiary which manages tours and experiences
across different platforms and countries.</p>
<p class="text-muted">Agile environment with code reviewing, continuous integration and continuous delivery. Realized tasks:</p>
<ul>
<li class="text-muted mb-3 text-justify">
Microservices design and implementation. Technologies used: SpringBoot as main framework,
MongoDB as main database and Apache Kafka for asynchronous communication and migration from
legacy systems.
</li>
<li class="text-muted mb-3 text-justify">
REST API development and maintenance. Technologies used: Symfony as main framework, MySQL as
database, ElasticSearch as search engine and Apache Kafka for asynchronous communication.
</li>
<li class="text-muted mb-3 text-justify">
Development and maintenance of systems written in .NET Framework used as data generators or
integrators with between systems.
</li>
<li class="text-muted mb-3 text-justify">
OpenAPI and AsyncAPI definition.
</li>
<li class="text-muted mb-3 text-justify">
Software observability with Datadog.
</li>
</ul>
</div>
<div class="item">
<div class="row">
<div class="col-md-6">
<h3>Full Stack Developer</h3>
<h4 class="organization">EventsCase LTD</h4>
<span class="text-muted">Remote, Spain</span>
</div>
<div class="col-md-6"><span class="badge period">September 2020 - July 2022</span></div>
</div>
<p class="text-muted">Event management platform highly customizable per client needs. Features: event website, registration and
ticketing, badges, check-in and access control, mobile applications, whitelabel and much more.</p>
<p class="text-muted">Agile environment with code reviewing, continuous integration and release delivery. Realized tasks:</p>
<ul>
<li class="text-muted mb-3 text-justify">
Web application development. Technologies used: legacy PHP framework and MySQL database for
backend and HTML, Javascript, CSS for frontend.
</li>
<li class="text-muted mb-3 text-justify">
REST API definition, implementation and optimization.
</li>
<li class="text-muted mb-3 text-justify">
Software observability with Sentry.
</li>
</ul>
</div>
<div class="item">
<div class="row">
<div class="col-md-6">
<h3>Computer Engineering Internship</h3>
<h4 class="organization">EventsCase LTD</h4>
<span class="text-muted">Castellón de la Plana, Spain</span>
</div>
<div class="col-md-6"><span class="badge period">February 2020 - May 2020</span></div>
</div>
<p class="text-muted">Event management platform highly customizable per client needs. Features: event website, registration and
ticketing, badges, check-in and access control, mobile applications, whitelabel and much more.</p>
<p class="text-muted">Realized tasks:</p>
<ul>
<li class="text-muted mb-3 text-justify">
Web application development consisting of a middleware between company's API and RFID
hardware. Technologies used: Node.js as framework with Express.js for the server and SQLite and
Firebase as databases for backend, in the other hand, HTML, Javascript, CSS for frontend.
</li>
<li class="text-muted mb-3 text-justify">
Implementation of login mechanism with Google using Firebase Authentication.
</li>
</ul>
</div>
</div>
<div class="hobbies group">
<div class="heading">
<h2 class="text-center">TECHNICAL SKILL</h2>
</div>
<div class="text-center">
<h3 class="badge badge-pill badge-dark">SpringBoot</h3>
<h3 class="badge badge-pill badge-dark">Java</h3>
<h3 class="badge badge-pill badge-dark">Symfony</h3>
<h3 class="badge badge-pill badge-dark">PHP</h3>
<h3 class="badge badge-pill badge-dark">.NET</h3>
<h3 class="badge badge-pill badge-dark">C#</h3>
</div>
<div class="text-center">
<h3 class="badge badge-pill badge-info">MongoDB</h3>
<h3 class="badge badge-pill badge-info">MySQL</h3>
</div>
<div class="text-center">
<h3 class="badge badge-pill badge-dark">OpenAPI</h3>
<h3 class="badge badge-pill badge-dark">REST API</h3>
<h3 class="badge badge-pill badge-dark">AsyncAPI</h3>
<h3 class="badge badge-pill badge-dark">Apache Kafka</h3>
</div>
<div class="text-center">
<h3 class="badge badge-pill badge-info">Hexagonal Architecture</h3>
<h3 class="badge badge-pill badge-info">Event Driven Development</h3>
</div>
<div class="text-center">
<h3 class="badge badge-pill badge-dark">NodeJS</h3>
<h3 class="badge badge-pill badge-dark">Javascript</h3>
<h3 class="badge badge-pill badge-dark">CSS</h3>
<h3 class="badge badge-pill badge-dark">HTML</h3>
</div>
<div class="text-center">
<h3 class="badge badge-pill badge-info">Docker</h3>
<h3 class="badge badge-pill badge-info">Git</h3>
</div>
</div>
</div>
</section>
</main>
<footer class="page-footer website gradient">
<div class="container">
<div class="social-icons"><a href="https://www.linkedin.com/in/albertneata/"><i class="icon ion-social-linkedin"></i></a></div>
</div>
</footer>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>