-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
563 lines (530 loc) · 29.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
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="description" content="John Fredy Baquero Celis - Senior Software Engineer" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link type="image/x-icon" href="public/image/codeico.png" rel="icon" />
<link href="https://fonts.googleapis.com/css?family=K2D:300|Rambla:700&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/4.1.1/normalize.min.css" />
<link rel="stylesheet" href="public/css/style.css" />
<title>jfbaquerocelis</title>
</head>
<body>
<div class="loader">
<div class="loader__container">
<div class="loader__hexagon"></div>
<p class="loader__message">Loading...</p>
</div>
</div>
<div class="blanketBody"></div>
<div class="control-actions">
<span class="control-actions__menu"><i class="fas fa-hamburger"></i></span>
</div>
<div class="container-master">
<!-- Navbar for mobile and tablet views -->
<div class="myself__container__menu">
<div class="myself__data">
<div class="myself__data__container-avatar">
<div class="myself__data__avatar"></div>
</div>
<div class="myself__data__info">
<h4 class="myself__data__info__fullname">John Baquero Celis</h4>
<p class="myself__data__info__role">Senior Software Engineer</p>
</div>
</div>
<ul class="myself__menu">
<a href="#home" class="myself__menu__link myself__menu__link--active">
<li class="myself__menu__item">
<span class="fa-stack fa-2x">
<i class="fas fa-square fa-stack-2x"></i>
<i class="fa fa-home fa-stack-1x fa-inverse"></i>
</span>
Home
</li>
</a>
<a href="#welcome" class="myself__menu__link">
<li class="myself__menu__item">
<span class="fa-stack fa-2x">
<i class="fas fa-square fa-stack-2x"></i>
<i class="fa fa-lightbulb fa-stack-1x fa-inverse"></i>
</span>
About me
</li>
</a>
<!-- <a href="#portfolio" class="myself__menu__link">
<li class="myself__menu__item">
<span class="fa-stack fa-2x">
<i class="fas fa-square fa-stack-2x"></i>
<i class="fa fa-briefcase fa-stack-1x fa-inverse"></i>
</span>
My Portfolio
</li>
</a> -->
<a href="#experience" class="myself__menu__link">
<li class="myself__menu__item">
<span class="fa-stack fa-2x">
<i class="fas fa-square fa-stack-2x"></i>
<i class="fa fa-address-book fa-stack-1x fa-inverse"></i>
</span>
Past Experience
</li>
</a>
<a href="https://medium.com/@jfbaquerocelis" target="_blank" class="myself__menu__link">
<li class="myself__menu__item">
<span class="fa-stack fa-2x">
<i class="fas fa-square fa-stack-2x"></i>
<i class="fab fa-medium-m fa-stack-1x fa-inverse"></i>
</span>
Medium
</li>
</a>
</ul>
</div>
<!-- This is the main section (sidebar) where I'm showing the basic information about myself -->
<section class="container__myself">
<span class="myself__menu__action"><i class="fas fa-hamburger"></i></span>
<article class="myself">
<div class="myself__profile">
<div class="myself__container__avatar">
<div class="myself__avatar"></div>
</div>
<h1 class="myself__fullname">John Fredy Baquero Celis</h1>
<p class="myself__description">Senior Software Engineer</p>
<p class="myself__description">System Engineer</p>
<!-- <p class="myself__description">Organizador en <a href="http://meetup.com/monteriajs" class="jf-links myself__community" target="_blank">MonteríaJS</a></p> -->
</div>
<div class="myself__footer">
<div class="myself__footer__by">
<p>Made with <i class="fa fa-heart" style="color:#e75353;"></i></p>
<p>© 2022</p>
</div>
<div class="myself__footer__social">
<a class="myself__footer__link" href="https://co.linkedin.com/in/john-baquero-celis-68131a120" target="_blank">
<i class="fab fa-linkedin"></i>
</a>
<a class="myself__footer__link" href="https://twitter.com/noverflow" target="_blank">
<i class="fab fa-twitter-square"></i>
</a>
<a class="myself__footer__link" href="https://github.com/jfbaquerocelis" target="_blank">
<i class="fab fa-github-square"></i>
</a>
<a class="myself__footer__link" href="https://bitbucket.org/noverflow" target="_blank">
<i class="fab fa-bitbucket"></i>
</a>
</div>
</div>
</article>
</section>
<!-- Main container -->
<section class="container__articles">
<!-- Menu bar -->
<nav class="menu">
<ul class="menu-list">
<a href="#welcome" class="menu-list__link menu-list__link--active">
<li class="menu-list__item">About me</li>
</a>
<!-- <a href="#portfolio" class="menu-list__link">
<li class="menu-list__item">My Portfolio</li>
</a> -->
<a href="#experience" class="menu-list__link">
<li class="menu-list__item">Past Experience</li>
</a>
<a href="https://medium.com/@jfbaquerocelis" target="_blank" class="menu-list__link">
<li class="menu-list__item"><i class="fab fa-medium"></i>Medium</li>
</a>
</ul>
</nav>
<article class="welcome article--show" id="welcome">
<h2 class="welcome__title">Welcome!</h2>
<p class="welcome__description">My name is <strong>John</strong>, I'm a software engineer and I'm located in Montería City, here in Colombia 🇨🇴. My favorite language is <strong>javascript</strong>, I've learned a lot of things using it and it's my current tool which I'm working on. My goal is to use it as a tool for creating great technologic solutions tailored to the companies needed. I trust that teamwork is the best way to advance and get better results in any work and project.</p>
<!-- <p class="welcome__description">Mi nombre es <strong>John</strong>, soy desarrollador y vivo en la ciudad de Montería. Mi lenguaje de programación favorito es <strong>javascript</strong>, con él he aprendido muchas cosas y con él desarrollo actualmente. Mi objetivo es usarlo como herramienta para crear soluciones tecnológicas a la medida de cualquier necesidad. <br /> Estoy convencido de que el trabajo en equipo es la mejor forma de avanzar en cualquier trabajo o proyecto. <br /><br />Hago parte de una gran comunidad llamada <a class="welcome__community" target="_blank" href="http://colombia-dev.org">Colombia.dev</a> y soy organizador de la comunidad <a class="welcome__community" target="_blank" href="http://www.meetup.com/monteriajs">MonteríaJS</a>, sobra decir que tienes las puertas abiertas para hacer parte de ellas.</p> -->
<h2 class="welcome__title">Development Stack</h2>
<p class="welcome__description">Through the years where I've worked as a developer, I've used different technologies. Down below I'd like to show you my current stack and the rest of the tools which I've used:</p>
<!-- <p class="welcome__description">A lo largo de los años en los que me he desempeñado como desarrollador he trabajado con diferentes tecnologías. A continuación quiero mostrarte mi stack de desarrollo actual y las herramientas con las que he trabajado.</p> -->
<div class="welcome__container-stack">
<!-- Frontend -->
<div class="welcome__stack">
<h4 class="welcome__stack__title">Frontend</h4>
<div class="welcome__stack__tools">
<div class="welcome__stack__tool">
<i class="fab fa-html5" style="color:#f16529;"></i>
</div>
<div class="welcome__stack__tool">
<i class="fab fa-css3-alt" style="color:#0170ba;"></i>
</div>
<div class="welcome__stack__tool">
<i class="fab fa-js" style="color:#ffe629;"></i>
</div>
<!-- <div class="welcome__stack__tool">
<i class="fab fa-bootstrap" style="color:#563d7c;"></i>
</div> -->
<div class="welcome__stack__tool">
<i class="fab fa-sass" style="color:#c6538c;"></i>
</div>
<!-- <div class="welcome__stack__tool">
<i class="fab fa-ember" style="color:#E04E39;"></i>
</div> -->
<div class="welcome__stack__tool">
<i class="fab fa-vuejs" style="color:#4fc08d;"></i>
</div>
<div class="welcome__stack__tool">
<i class="fab fa-react" style="color:#2196F3;"></i>
</div>
</div>
</div>
<!-- Backend -->
<div class="welcome__stack">
<h4 class="welcome__stack__title">Backend</h4>
<div class="welcome__stack__tools">
<div class="welcome__stack__tool">
<i class="fab fa-node" style="color:#43853d;"></i>
</div>
<div class="welcome__stack__tool">
<i class="fab fa-python" style="color:#3776ab;"></i>
</div>
<div class="welcome__stack__tool">
<i class="fab fa-npm" style="color:#ED1C24;"></i>
</div>
<div class="welcome__stack__tool">
<i class="fab fa-yarn" style="color:#25799f;"></i>
</div>
<div class="welcome__stack__tool">
<i class="fab fa-docker" style="color:#0091e2;"></i>
</div>
</div>
</div>
<!-- Herramientas de Trabajo -->
<!-- <div class="welcome__stack">
<h4 class="welcome__stack__title">Gestión de proyectos</h4>
<div class="welcome__stack__tools">
<div class="welcome__stack__tool">
<i class="fab fa-git-alt" style="color:#f64e27;"></i>
</div>
<div class="welcome__stack__tool">
<i class="fab fa-trello" style="color:#0079bf;"></i>
</div>
</div>
</div> -->
<!-- Databases -->
<div class="welcome__stack">
<h4 class="welcome__stack__title">Databases</h4>
<div class="welcome__stack__tools">
<div class="welcome__stack__tool">
<img src="https://www.vectorlogo.zone/logos/mongodb/mongodb-icon.svg" alt="mongodb" />
</div>
<div class="welcome__stack__tool">
<img src="https://cdn.worldvectorlogo.com/logos/postgresql.svg" alt="postgresql" />
</div>
<div class="welcome__stack__tool">
<img src="https://cdn.worldvectorlogo.com/logos/mysql-6.svg" alt="mysql" />
</div>
<!-- <div class="welcome__stack__tool">
<img src="https://cdn.worldvectorlogo.com/logos/cockroachdb.svg" alt="cockroach" />
</div> -->
<div class="welcome__stack__tool">
<img src="https://www.vectorlogo.zone/logos/firebase/firebase-icon.svg" alt="firebase" />
</div>
</div>
</div>
<!-- Cloud Computing -->
<div class="welcome__stack">
<h4 class="welcome__stack__title">Cloud Computing</h4>
<div class="welcome__stack__tools">
<!-- <div class="welcome__stack__tool">
<i class="fab fa-aws" style="color:#13aa52;"></i>
</div> -->
<div class="welcome__stack__tool">
<i class="fab fa-digital-ocean" style="color:#0069ff;"></i>
</div>
<div class="welcome__stack__tool">
<i class="fab fa-aws" style="color:#f19e39;"></i>
</div>
<div class="welcome__stack__tool">
<img src="https://www.vectorlogo.zone/logos/heroku/heroku-icon.svg" alt="heroku" />
</div>
<!-- <div class="welcome__stack__tool">
<img src="https://www.vectorlogo.zone/logos/google_cloud/google_cloud-icon.svg" alt="googlecloud" />
</div> -->
<!-- <div class="welcome__stack__tool">
<img src="https://www.vectorlogo.zone/logos/zeit/zeit-icon.svg" alt="zeithq" />
</div> -->
<div class="welcome__stack__tool">
<img src="https://www.vectorlogo.zone/logos/netlify/netlify-icon.svg" alt="netlify" />
</div>
</div>
</div>
<!-- Servidores -->
<!-- <div class="welcome__stack">
<h4 class="welcome__stack__title">Servidores</h4>
<div class="welcome__stack__tools">
<div class="welcome__stack__tool">
<i class="fab fa-linux" style="color:#2d2d2d;"></i>
</div>
<div class="welcome__stack__tool">
<i class="fab fa-ubuntu" style="color:#e95420;"></i>
</div>
</div>
</div> -->
</div>
</article>
<article class="portfolio" id="portfolio">
<h2 class="portfolio__title">My Portfolio</h2>
<p class="portfolio__description">In this section you'll find all the projects which I've worked on, you'll find some proof and personal projects. All I know do with the tools that I use.</p>
<!-- <p class="portfolio__description">En esta sección encontrarás los proyectos en los que he trabajado, también encontrarás algunas pruebas e inventos. Todo lo que sé hacer con las herramientas que uso.</p> -->
<blockquote class="portfolio__blockquote">
<i class="portfolio__blockquote__icon far fa-lightbulb fa-2x" style="color:#555;"></i>
<p class="portfolio__blockquote__text">
You can find more information about my projects in my <strong>Github</strong> profile.
</p>
</blockquote>
<!-- <blockquote class="portfolio__blockquote">Puedes encontrar más información sobre mis proyectos en mis perfiles de <strong>Github</strong> o <strong>Bitbucket</strong>.</blockquote> -->
<section class="portfolio__works">
<!-- TAXADMINISTRADOR -->
<article class="portfolio__works__item" id="taxadministrador">
<div class="portfolio__works__item__header">
<img src="public/image/taxadministrador.png" class="portfolio__works__item__header__logo">
<h3 class="portfolio__works__item__header__title">
TAXADMINISTRADOR
</h3>
</div>
<p class="portfolio__works__item__resume">Web application focused on generating yellow cards for taxi drivers affiliated with the companies <strong>TELETAXI S.A.S.</strong> and <strong>RADIOTAXI LTDA.</strong></p>
<!-- <p class="portfolio__works__item__resume">Aplicación web enfocada en la generación de tarjetas de control para los taxistas afiliados a las empresas <strong>TELETAXI S.A.S.</strong> y <strong>RADIOTAXI LTDA.</strong></p> -->
<div class="portfolio__works__tools">
<div class="portfolio__works__tools__role">Full Stack Developer</div>
<div>
<i class="fab fa-node-js fa-lg" style="color:#026e00;"></i>
<i class="fab fa-sass fa-lg" style="color:#c6538c;"></i>
<i class="fab fa-html5 fa-lg" style="color:#e57f16;"></i>
<i class="fab fa-js fa-lg" style="color:#ffeb00;background:#2d2d2d;"></i>
</div>
</div>
</article>
<!-- BUSSER -->
<article class="portfolio__works__item" id="busser">
<div class="portfolio__works__item__header">
<img src="public/image/busser.png" class="portfolio__works__item__header__logo">
<h3 class="portfolio__works__item__header__title">
<a href="https://play.google.com/store/apps/details?id=com.metrosinu.busser.katana&hl=es" target="_blank" class="portfolio__works__item__header__title__link"><i class="fa fa-link"></i></a>
</h3>
</div>
<p class="portfolio__works__item__resume">Es un sistema de movilidad urbana que permite a los usuarios del servicio de transporte público observar los buses, rutas y conductores en tiempo real a través de una aplicación móvil.</p>
<div class="portfolio__works__tools">
<div class="portfolio__works__tools__role">Desarrollador Backend</div>
<div>
<i class="fab fa-node-js fa-lg" style="color:#026e00;"></i>
</div>
</div>
</article>
<!-- YIPGO -->
<article class="portfolio__works__item" id="yipgo">
<div class="portfolio__works__item__header">
<img src="public/image/yipgo.png" class="portfolio__works__item__header__logo">
<h3 class="portfolio__works__item__header__title">
YIPGO
</h3>
</div>
<p class="portfolio__works__item__resume">Es una aplicación móvil enfocada al proyecto <strong>Última Milla</strong> de la empresa <strong>Metrosinú</strong> que permite a los operadores recibir en tiempo real servicios que son solicitados por los usuarios que requieran ser movilizados hacia el paradero más cercano.</p>
<div class="portfolio__works__tools">
<div class="portfolio__works__tools__role">Desarrollador Backend</div>
<div>
<i class="fab fa-node-js fa-lg" style="color:#026e00;"></i>
</div>
</div>
</article>
<!-- BUSSER DASHBOARD -->
<article class="portfolio__works__item" id="dashboard">
<div class="portfolio__works__item__header">
<img src="public/image/dashboard.png" class="portfolio__works__item__header__logo">
<h3 class="portfolio__works__item__header__title">
<!-- BUSSER DASHBOARD -->
<a href="http://192.95.33.90/dashboard" target="_blank" class="portfolio__works__item__header__title__link"><i class="fa fa-link"></i></a>
</h3>
</div>
<p class="portfolio__works__item__resume">Es una aplicación web que permite manejar la información principal de las aplicaciones móviles <strong>Busser</strong> y <strong>YipGO</strong> tales como rutas, calificaciones, dispositivos, etc. Permite al administrador crear nuevas rutas, paraderos, trayectos y observar métricas que ayudan a mejorar la operación.</p>
<div class="portfolio__works__tools">
<div class="portfolio__works__tools__role">Desarrollador Frontend</div>
<div>
<i class="fab fa-ember fa-lg" style="color:#E04E39;"></i>
</div>
</div>
</article>
<!-- VRM -->
<article class="portfolio__works__item" id="vrm">
<div class="portfolio__works__item__header">
<img src="public/image/vrm.png" class="portfolio__works__item__header__logo">
<h3 class="portfolio__works__item__header__title">
VRM
</h3>
</div>
<p class="portfolio__works__item__resume">Es una aplicación web que se encarga de recolectar reportes, manejar sus estados y realizar métricas que buscan mejorar la calidad de los procesos. Ésta aplicación fue realizada para el área de mantenimiento de la empresa <strong>Metrosinú</strong>.</p>
<div class="portfolio__works__tools">
<div class="portfolio__works__tools__role">Desarrollador Full Stack</div>
<div>
<i class="fab fa-node-js fa-lg" style="color:#026e00;"></i>
<i class="fab fa-sass fa-lg" style="color:#c6538c;"></i>
<i class="fab fa-html5 fa-lg" style="color:#e57f16;"></i>
<i class="fab fa-js fa-lg" style="color:#ffeb00;background-color: #2d2d2d;"></i>
</div>
</div>
</article>
<!-- MI PIE -->
<article class="portfolio__works__item" id="mipie">
<div class="portfolio__works__item__header">
<img src="public/image/mipie.png" class="portfolio__works__item__header__logo">
<h3 class="portfolio__works__item__header__title">
<!-- MI PIE -->
<a href="https://mipie.funcentra.org" target="_blank" class="portfolio__works__item__header__title__link"><i class="fa fa-link"></i></a>
</h3>
</div>
<p class="portfolio__works__item__resume">Es una plataforma web para la admisión y control de pacientes que padecen diabetes, además permite calcular el grupo de riesgo en que el paciente se encuentra y a partir de esa información programar las próximas citas.</p>
<div class="portfolio__works__tools">
<div class="portfolio__works__tools__role">Desarrollador Full Stack</div>
<div>
<i class="fab fa-node-js fa-lg" style="color:#026e00;"></i>
<i class="fab fa-ember fa-lg" style="color:#E04E39;"></i>
</div>
</div>
</article>
<!-- MEDICALL24 -->
<article class="portfolio__works__item" id="medicall24">
<div class="portfolio__works__item__header">
<img src="public/image/Medicall24.png" class="portfolio__works__item__header__logo">
<h3 class="portfolio__works__item__header__title">
<!-- MEDICALL24 -->
<a href="https://play.google.com/store/apps/details?id=com.devandr.medicall.medicall24" target="_blank" class="portfolio__works__item__header__title__link"><i
class="fa fa-link"></i></a>
</h3>
</div>
<p class="portfolio__works__item__resume">Es un sistema enfocado a la telemedicina que busca por medio de una aplicación móvil la descongestión de las salas de urgencias en las clinicas y hospitales permitiendo al paciente realizar su consulta con un médico desde la comodidad de su casa.</p>
<div class="portfolio__works__tools">
<div class="portfolio__works__tools__role">Desarrollador Backend</div>
<div>
<i class="fab fa-node-js fa-lg" style="color:#026e00;"></i>
</div>
</div>
</article>
</section>
</article>
<article class="experience" id="experience">
<h2 class="experience__title">Employment History</h2>
<div class="experience__item">
<h3 class="experience__item__title"><span class="experience__item__title__role">Senior Software Engineer |</span> EPAM Systems</h3>
<h5 class="experience__item__subtitle">Remote | July 2022 - September 2022</h5>
<div class="experience__item__description">
<p>Consolidated my knowledge about Clean Code, Clean Design, Cloud Computing, and Agile Mindset throughout the program EngX and CloudX getting a good performance on each assesment.</p>
</div>
</div>
<div class="experience__item">
<h3 class="experience__item__title"><span class="experience__item__title__role">Lead Software Developer</span> | Melt Studio</h3>
<h5 class="experience__item__subtitle">Remote | August 2019 - June 2022</h5>
<div class="experience__item__description">
<p>As Lead Software Developer in this company, I worked on many projects such as:</p>
<ul class="experience__item__task-list">
<li class="experience__item__task-list__item">
<span class="experience__item__task-list__item__title">TOKEN METRICS | Senior Software Developer</span>
<ul class="experience__item__task-list__item__sublist">
<li>Followed the SDLC using SCRUM as Agile Methodology for
planning, designing, building, testing, and deploying the Backend
and Frontend apps.</li>
<li>Implemented payment gateway using Stripe and worked on the
backend creating a REST API to provide to the platform the
resources.</li>
<li>Stack: Node.js, React.js, Snowflake, JIRA, GitHub, Filezilla, AWS
(EC2, S3, Cloudwatch, Route53), Terraform.</li>
</ul>
</li>
<li class="experience__item__task-list__item">
<span class="experience__item__task-list__item__title">HAPPYLY | Lead Software Developer</span>
<ul class="experience__item__task-list__item__sublist">
<li>Followed the SDLC using SCRUM as Agile Methodology for planning, designing, building, testing, and deploying the Backend and Frontend apps.</li>
<li>Worked on the new frontend design and refactored a legacy code to Nuxt.js.</li>
<li>We Implemented React Native to have the mobile application.</li>
<li>Worked on the back-end and refactored the REST API to v2 using Django REST Framework.</li>
<li>Stack: Python/Django, Vue.js/Nuxt.js, PostgreSQL, Asana, GitHub/Code Commit, Auto Deployment with Jenkins, and Servers on AWS (EC2, S3, CloudWatch).</li>
</ul>
</li>
<li class="experience__item__task-list__item">
<span class="experience__item__task-list__item__title">HQIF | Full Stack Developer</span>
<ul class="experience__item__task-list__item__sublist">
<li>Refactored the current front-end app using React.js and built the REST API on the back-end side using Node.js.</li>
<li>Reviewed the code of teammates and assisted them when they had blockers.</li>
<li>Worked on improving the performance of the app using design patterns and best practices of React.js.</li>
</ul>
</li>
<li class="experience__item__task-list__item">
<span class="experience__item__task-list__item__title">SUYO | Full Stack Developer</span>
<ul class="experience__item__task-list__item__sublist">
<li>Developed new features in the dashboard and the REST API.</li>
<li>Assisted the team when they had blockers.</li>
<li>Worked on improving the performance of the app using design patterns and best practices of React.js.</li>
<li>Stack: Python/Django, React.js, PostgreSQL, Pivotal Tracker, GitHub, AWS (EC2, S3).</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="experience__item">
<h3 class="experience__item__title"><span class="experience__item__title__role">Backend Developer</span> | Medicall24</h3>
<h5 class="experience__item__subtitle">Montería | February 2018 - August 2019</h5>
<div class="experience__item__description">
<p>Worked on creating an API in Node.js for serving services and resources to the mobile application. Also, I worked on creating a real-time system using Socket.io.</p>
<ul class="experience__item__task-list">
<li class="experience__item__task-list__item">Took the “Medicall24: Product Features” document and defined the features with their ETA. Defined the database schema and the flow data based on the features.</li>
<li class="experience__item__task-list__item">Worked on the back-end side, implementing Microservices for creating the REST API using Seneca.js. Implemented Twilio using the Programmable Video Feature to connect the mobile application.</li>
<li class="experience__item__task-list__item">Participated in meetings with the PM to discuss the current process and resolve doubts because this project was new.</li>
<li class="experience__item__task-list__item">Reviewed the code, merged those changes, and deployed it to alpha for testing.</li>
</ul>
</div>
</div>
<div class="experience__item">
<h3 class="experience__item__title"><span class="experience__item__title__role">Team Lead - Backend Developer</span> | Metrosinú</h3>
<h5 class="experience__item__subtitle">Montería | October 2016 - August 2017</h5>
<div class="experience__item__description">
<p>Worked on defining requirements for a mobile application called Busser and I developed the back-end side using Node.js creating an API, using Redis for sending pub/sub messages, and Socket.io for sending info in real-time.</p>
<ul class="experience__item__task-list">
<li class="experience__item__task-list__item">Worked on the backend side implementing the REST API. Also, implemented a microsystem using Socket.io to provide the mobile application with the data.</li>
<li class="experience__item__task-list__item">Worked on the frontend side implementing a dashboard using Ember.js for checking in real time the current data throughout web sockets.</li>
<li class="experience__item__task-list__item">Participated in meetings with the customer to discuss the current process and resolve doubts regarding the project.</li>
<li class="experience__item__task-list__item">Reviewed the code, merged those changes, and deployed it to alpha for testing.</li>
</ul>
</div>
</div>
<div class="experience__item">
<h3 class="experience__item__title"><span class="experience__item__title__role">Full Stack Developer</span> | Teletaxi SAS</h3>
<h5 class="experience__item__subtitle">Montería | July 2015 - September 2016</h5>
<div class="experience__item__description">
<p>Developed an integral system called Taxadministrador built on Node.js using handlebars.js as a template engine.</p>
<ul class="experience__item__task-list">
<li class="experience__item__task-list__item">Developed an internal system to print control cards to the taxi drivers and also generate reports, and trigger alerts about document expirations.</li>
<li class="experience__item__task-list__item">Worked on the back-end creating a REST API.</li>
<li class="experience__item__task-list__item">Worked on the dashboard using template rendering with Node.js.</li>
</ul>
</div>
</div>
<!-- <h2 class="contact__title">¿Quieres hacer parte de MonteríaJS?</h2>
<p class="contact__description">¡Excelente! <br> <br> Puedes escribirme y comentarme de qué forma quieres hacer parte de la comunidad, es decir, ya sea como speaker, colaborador, patrocinador o formar parte del equipo organizador. <br> Ten la plena seguridad que estaremos con los brazos abiertos esperando a que contribuyas con tus ideas y tus conocimientos a través de la comunidad para transmitirlo hacia todas las personas que disfrutan y asisten a nuestros eventos. <br> <br> Puedes seguirnos en nuestras redes sociales ¡Te esperamos!</p>
<div class="contact__social">
<a class="contact__social__link" href="https://instagram.com/monteriajs" target="_blank">
<i class="fab fa-instagram" style="color: palevioletred;"></i>
</a>
<a class="contact__social__link" href="https://twitter.com/monteriajs" target="_blank">
<i class="fab fa-twitter-square" style="color: #2196F3;"></i>
</a>
<a class="contact__social__link" href="https://facebook.com/monteriajs" target="_blank">
<i class="fab fa-facebook-square" style="color: #4267b2;"></i>
</a>
<a class="contact__social__link" href="https://github.com/monteriajs" target="_blank">
<i class="fab fa-github-square" style="color: #2d2d2d;"></i>
</a>
<a class="contact__social__link" href="https://meetup.com/monteriajs" target="_blank">
<i class="fab fa-meetup" style="color: #ED1C24;"></i>
</a>
</div> -->
</article>
</section>
</div>
<script src="https://kit.fontawesome.com/74a0a4aba0.js"></script>
<script src="public/js/main.js"></script>
</body>
</html>