-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwork.html
295 lines (265 loc) · 12.6 KB
/
work.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="shortcut icon" type="image/x-icon" href="assets/logo2.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" />
<link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=PT+Sans&display=swap" rel="stylesheet" />
<link href="css/bootsrtap_css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="css/work.css" />
<title>Pau Mateu</title>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-179236650-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-179236650-1');
</script>
</head>
<body>
<div class="container">
<div class="header">
<h1 class="title">WORK</h1>
<p>
This page will give you a little taste of the different projects I've been working on. As you will see, there's
a lot of <span class="bold">mobile</span> and <span class="bold">web development</span>, but I'm not scared to
try something new! As a <span class="bold">Software Engineer</span>, I'm always adapting myself to different
technologies and work methods to perform my tasks, and trying new things is something that really keeps me
motivated! If you think we can work together, don't hesitate to <a href="/contact.html" class="bold">contact</a>
me!
</p>
</div>
<div class="container">
<div class="row element">
<div data-scroll class="col-md-6 col-sm-12 text">
<h2>Floorfy - <span class="position">Fullstack Developer</span></h2>
<h4>Sep 2021 - Apr 2023</h4>
<p>
Helping real estate professionals accelerate the commercial transaction process by
automatically creating 3D tours, floor plans and video calls for all real estate listings:
</p>
<ul>
<li>Architected and developed full fronted <span class="bold">javascript</span>
migration using modular architecture under <span class="bold">webpack</span>, built
with <span class="bold">Docker</span>.</li>
<li>Designed and developed new scalable <span class="bold">NestJS (typescript)</span> backend and CRUD API
to
handle 50 million
requests/month and <span class="bold">MongoDB</span> queries. Deployed to <span class="bold">AWS</span>.
</li>
<li>
Implemented new main API endpoints using <span class="bold">PHP Symfony</span>, and <span
class="bold">TWIG</span> technology.
</li>
</ul>
<a target="_blank" rel="noopener noreferrer" href="https://www.floorfy.com" class="link">
<span class="fas fa-globe-americas"></span>
<span>Website </span>
</a>
</div>
<div class="col-md-6 col-sm-12 rellax" data-rellax-speed="1" data-rellax-percentage="0.5">
<img src="assets/floorfy2.png" alt="" class="image" />
</div>
</div>
<div class="row element">
<div data-scroll class="col-md-6 col-sm-12 text">
<h2>Social Labs - <span class="position">Fullstack Developer</span></h2>
<h4>Oct 2020 - Jul 2021</h4>
<p>
With a team of 6 engineers, I worked on developing and improving the main company product, used by
international clients, including Coca-Cola, Ab Inbev, Market Yastás, Grupo Bimbo and others.
</p>
<ul>
<li> Developed <span class="bold">javascript</span> and <span class="bold">PHP Laravel</span> web
applications to enhance product functionality.</li>
<li>
Created mobile apps using <span class="bold">Cordova</span> framework.
</li>
<li>
Developed native mobile plugins for Android (<span class="bold">Java</span>) and iOS (<span
class="bold">Objective C</span>) to extend product reach.
</li>
</ul>
<a target="_blank" rel="noopener noreferrer" href="https://www.sociallabs.biz" class="link">
<span class="fas fa-globe-americas"></span>
<span>Website </span>
</a>
</div>
<div class="col-md-6 col-sm-12 rellax" data-rellax-speed="1" data-rellax-percentage="0.5">
<img src="assets/sociallabs.png" alt="" class="image" />
</div>
</div>
<div class="row element">
<div data-scroll class="col-md-6 col-sm-12 text">
<h2>DiHola - <span class="position">Fullstack Developer</span></h2>
<h4>Jun 2020 - Jul 2021</h4>
<p>
Single-handedly designed, developed, and successfully deployed SpidEat software platform:
<ul>
<li>
Developed a <span class="bold">React Native</span> mobile application optimized for iOS and Android.
</li>
<li>
Designed and implemented a responsive web-based back office using <span class="bold">React</span> and
<span class="bold">MaterialUI</span>.
</li>
<li>
Created <span class="bold">NodeJS</span>, <span class="bold">Express</span> and <span
class="bold">Mongo</span> backend with REST API, and real-time DB
capabilities, allowing for seamless data management and real-time updates.
</li>
<li>
Integrated <span class="bold">Stripe</span> for payment processing , <span class="bold">AWS</span> for
image storage and <span class="bold">geolocation</span>
services in mobile and web technologies.
</li>
</ul>
</p>
<a target="_blank" rel="noopener noreferrer" href="https://spideat.com" class="link">
<span class="fas fa-globe-americas"></span>
<span>Website </span>
</a>
</div>
<div class="col-md-6 col-sm-12 rellax" data-rellax-speed="1" data-rellax-percentage="0.5">
<img src="assets/spideat.png" alt="" class="image" />
</div>
</div>
<div class="row element">
<div data-scroll class="col-md-6 col-sm-12 text">
<h2>Barkingo</h2>
<p>
Tinder-like application build with
<span class="bold">React Native</span> to help with the process of
pet adoption, making it easier and interactive. It features <span class="bold">
real
time chat
</span> messages, client caching, admin control pannel, and
multiple <span class="bold">filtering</span> features.
</p>
<a target="_blank" rel="noopener noreferrer" href="https://github.com/morcufrosty/PES_barkingo" class="link">
<span class="fab fa-github"></span>
<span>Github </span>
</a>
</div>
<div class="col-md-6 col-sm-12 rellax" data-rellax-speed="1" data-rellax-percentage="0.5">
<img src="assets/barkingo.png" alt="" class="image" />
</div>
</div>
<div class="row element">
<div data-scroll class="col-md-6 col-sm-12 text">
<h2>Pastanaga 2.0</h2>
<p>
With team of 3 computer science engineering students, we
programmed a full geolocation based game for both, Android & iOS,
using <span class="bold">React Native</span> and
<span class="bold"> GraphQL </span> backend in only 36 hours. This
project was choosen one of the HackUPC
<span class="bold">8 finalists</span> , among other 200 projects
presented in that event.
</p>
<a target="_blank" rel="noopener noreferrer" href="https://github.com/jamipuchi/Pastanaga-2.0" class="link">
<span class="fab fa-github"></span>
<span>Github </span>
</a>
</br>
<a target="_blank" rel="noopener noreferrer" href="https://devpost.com/software/pastanaga-2-0"
class="link"><span class="fab fa-dev"></span>
<span>DevPost </span>
</a>
</br>
<a target="_blank" rel="noopener noreferrer" href="https://jamipuchi.github.io/Pastanaga-2.0/"
class="link"><span class="fas fa-globe-americas"></span>
<span>Website </span>
</a>
</div>
<div class="col-md-6 col-sm-12 rellax" data-rellax-speed="1" data-rellax-percentage="0.5">
<img src="assets/pastanaga.png" alt="" class="image" />
</div>
</div>
<h2 class="subtitle otherWork subtitle">Other Work</h2>
<div class="row other">
<div data-scroll class="col-md-8 col-sm-12 text">
<h2>UPC Multipaltform App</h2>
<p>
Driven by a challenge that <span class="bold">IThinkUPC</span> proposed during the Hackaton of the UPC 2018,
we created a <span class="bold">React Native</span> App in only 36 hours for both, iOS and Android that
displays different information about UPC university, including location, courses, transportation options,
libraries, maps, events...
</p>
<a target="_blank" rel="noopener noreferrer" href="https://devpost.com/software/upc-mobile" class="link"><span
class="fab fa-dev"></span>
<span>DevPost </span>
</a>
</div>
<div class="col-md-3 col-sm-12 justify-content-center">
<img src="assets/upc.png" alt="" class="otherImages" />
</div>
</div>
<div class="row other">
<div data-scroll class="col-md-8 col-sm-12 text ">
<h2>Ichnite.io</h2>
<p>
Together with 3 teammates from all over Europe, thanks to the <span class="bold">Erasmus + EPIC</span>
initiative, we have worked with the German company <span class="bold">Atene KOM</span> to make calculating
the life cycle emissions of products and services easier. The objective of the project is clear: to develop
a system that facilitates and reduces the cost, both of time and money, of this complex calculation of
emissions. This objective is materialized with an investigation of the state of the art and the problem, a
<span class="bold">design</span> and complete <span class="bold">specification</span> of the software that
solves the problem, and its <span class="bold">implementation</span> and deployment.
</p>
</div>
<div class="col-md-3 col-sm-12">
<img src="assets/ichnite.png" alt="" class="otherImages" />
</div>
</div>
<div class="row other">
<div data-scroll class="col-md-8 col-sm-12 text">
<h2>Ork island Ai player</h2>
<p>
<span class="bold">C++</span> program that implements an <span class="bold">Artificial Intelligence</span>
player for the OrkIsland game proposed by EDA, a UPC Computer engineer subject. It uses <span
class="bold">path finding</span> algorithms to beat the other players in the ork island
</p>
</div>
<div class="col-md-3 col-sm-12">
<img src="assets/ork.png" alt="" class="otherImages" />
</div>
</div>
<div class="row other">
<div data-scroll class="col-md-8 col-sm-12 text">
<h2>Semi-automatic object segmentation</h2>
<p>
Using <span class="bold">Computer Vision</span> techniques, this <span class="bold">Matlab</span> program is
able to semi-automatically segment an object from a reference image or follow an object moving through the
frames of a video. </p>
</div>
<div class="col-md-3 col-sm-12">
<img src="assets/seg.png" alt="" class="otherImages" />
</div>
</div>
</div>
</div>
</div>
<!-- Bootstrap JQuery JavaScript -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<!-- rellax js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/rellax/1.12.1/rellax.js"></script>
<!-- Scroll Out -->
<script src="https://unpkg.com/scroll-out/dist/scroll-out.min.js"></script>
<script>
// This is the default setting
ScrollOut({
once: true,
threshold: 0.5
});
var rellax = new Rellax(".rellax", {
center: true
});
rellax.refresh();
</script>
</body>
</html>