-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
450 lines (411 loc) · 23.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Joona Jokivuori CV</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Responsive Resume Template">
<meta name="author" content="Xiaoying Riley at 3rd Wave Media">
<link rel="shortcut icon" href="favicon.ico">
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet">
<!-- FontAwesome JS-->
<script defer src="assets/fontawesome/js/all.min.js"></script>
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="assets/css/pillar-2.css">
</head>
<body>
<article class="resume-wrapper text-center position-relative">
<div class="resume-wrapper-inner mx-auto text-left bg-white shadow-lg">
<header class="resume-header pt-4 pt-md-0">
<div class="media flex-column flex-md-row">
<img class="mr-3 img-fluid picture mx-auto" src="assets/images/profile.jpg" alt="">
<div class="media-body p-4 d-flex flex-column flex-md-row mx-auto mx-lg-0">
<div class="primary-info">
<h1 class="name mt-0 mb-1 text-white text-uppercase text-uppercase">Joona Jokivuori</h1>
<div class="title mb-3">Fullstack Software Engineer</div>
<ul class="list-unstyled">
<li class="mb-2"><a href="mailto:[email protected]"><i
class="far fa-envelope fa-fw mr-2"
data-fa-transform="grow-3"></i>[email protected]</a></li>
<li><a href="tel:+358440980227"><i class="fas fa-mobile-alt fa-fw mr-2"
data-fa-transform="grow-6"></i>+358 440980227</a></li>
</ul>
</div>
<!--//primary-info-->
<div class="secondary-info ml-md-auto mt-2">
<ul class="resume-social list-unstyled">
<li class="mb-3"><a href="https://www.linkedin.com/in/joona-jokivuori"><span
class="fa-container text-center mr-2"><i
class="fab fa-linkedin-in fa-fw"></i></span>linkedin.com/in/joona-jokivuori</a>
</li>
<li class="mb-3"><a href="https://www.github.com/joonafinland"><span
class="fa-container text-center mr-2"><i
class="fab fa-github-alt fa-fw"></i></span>github.com/joonafinland</a>
</li>
<li><a href="https://www.youtube.com/joonafinland"><span
class="fa-container text-center mr-2"><i
class="fas fa-globe"></i></span>youtube.com/joonafinland</a></li>
</ul>
</div>
<!--//secondary-info-->
</div>
<!--//media-body-->
</div>
<!--//media-->
</header>
<div class="resume-body p-5">
<section class="resume-section summary-section mb-5">
<h2 class="resume-section-title text-uppercase font-weight-bold pb-3 mb-3">About Me</h2>
<div class="resume-section-content">
<p class="mb-0">I'm a passionate software engineer based in the vibrant city of Tampere. With over 5 years of industry experience, I've honed my skills across a diverse range of sectors, from consumer electronics to the public sector, and from the classroom to the cutting edge of technology.</p>
<p class="mb-0">My journey with Python began over 5 years ago and has taken me on an exciting path through innovative projects and demanding roles. Complementing my Python expertise, I've spent over 3 years immersed in the world of frontend development, leveraging Javascript to create engaging and dynamic user experiences.</p>
<br>
<p class="mb-0">When I'm not solving problems or building solutions at work, I love to challenge myself with intriguing programming projects. A case in point - curious about the odds of winning the lottery, I designed a script to simulate the likelihood. Let's just say, after leaving the script running overnight, I discovered that striking it rich with a single ticket might be a long shot! These explorations keep my skills sharp and my passion for programming alive.</p>
</div>
</section>
<!--//summary-section-->
<div class="row">
<div class="col-lg-9">
<section class="resume-section experience-section mb-5">
<h2 class="resume-section-title text-uppercase font-weight-bold pb-3 mb-3">Work Experience
</h2>
<div class="resume-section-content">
<div class="resume-timeline position-relative">
<!--//resume-timeline-item-->
<article class="resume-timeline-item position-relative pb-5">
<div class="resume-timeline-item-header mb-2">
<div class="d-flex flex-column flex-md-row">
<h3 class="resume-position-title font-weight-bold mb-1">Co-Founder / CTO</h3>
<div class="resume-company-name ml-auto">Wudpecker Oy</div>
</div>
<div class="resume-position-time">December 2020 - Present</div>
</div>
<div class="resume-timeline-item-desc">
<p>As the co-founder and CTO at Wudpecker, I've innovatively harnessed ChatGPT to create an exceptional meeting summarization tool. Proudly serving over 6,000 users, we've brilliantly summarized more than 110,000 calls, helping our users focus on the essentials.</p>
<h4 class="resume-timeline-item-desc-heading font-weight-bold">Project Achievements</h4>
<ul class="big-list">
<li>Architected and actualized Wudpecker's robust Backend and Frontend engines, setting new standards in platform performance and user experience.</li>
<li>Implemented a scalable microservice architecture, enabling robust and flexible expansion of the platform as needed.</li>
<li>Leveraged Amazon Web Services for administering the platform's infrastructure, ensuring optimal resource utilization, security, and scalability.</li>
<li>Designed and executed an innovative architecture for seamless summarization of meetings across various platforms, boosting Wudpecker's functionality and delivering unparalleled user convenience.</li>
</ul>
<h4 class="resume-timeline-item-desc-heading font-weight-bold">Technologies Mastered:</h4>
<ul class="list-inline">
<li class="list-inline-item"><span class="badge badge-primary badge-pill">Python</span></li>
<li class="list-inline-item"><span class="badge badge-primary badge-pill">Javascript</span></li>
<li class="list-inline-item"><span class="badge badge-primary badge-pill">Vue.js</span></li>
<li class="list-inline-item"><span class="badge badge-primary badge-pill">HTML/CSS</span></li>
<li class="list-inline-item"><span class="badge badge-primary badge-pill">AWS Terraform</span></li>
</ul>
</div>
</article>
<article class="resume-timeline-item position-relative pb-5">
<div class="resume-timeline-item-header mb-2">
<div class="d-flex flex-column flex-md-row">
<h3 class="resume-position-title font-weight-bold mb-1">Lead Software Developer</h3>
<div class="resume-company-name ml-auto">Suomen Kuntaperintä</div>
</div>
<div class="resume-position-time">June 2021 - December 2022</div>
</div>
<div class="resume-timeline-item-desc">
<p>As the Lead Software Developer for Suomen Kuntaperintä, I played a pivotal role in driving the evolution of our collection web program. Beyond development and maintenance, my role was characterized by active collaboration with end-users and steering the IT team and subcontractors towards shared objectives.</p>
<ul class="big-list">
<li>Spearheaded the design and full-stack development of the collection program, leveraging the MVC architecture to create a robust and efficient system.</li>
<li>Championed the development of comprehensive unit tests with Pytest and Jenkins, elevating our software quality and reliability.</li>
<li>Managed and configured infrastructure on Linux servers, ensuring maximum system uptime and performance.</li>
</ul>
<h4 class="resume-timeline-item-desc-heading font-weight-bold">Technologies Honed:</h4>
<ul class="list-inline">
<li class="list-inline-item"><span class="badge badge-primary badge-pill">Python</span></li>
<li class="list-inline-item"><span class="badge badge-primary badge-pill">Javascript</span></li>
</ul>
</div>
</article>
<!--//resume-timeline-item-->
<article class="resume-timeline-item position-relative pb-5">
<div class="resume-timeline-item-header mb-2">
<div class="d-flex flex-column flex-md-row">
<h3 class="resume-position-title font-weight-bold mb-1">Software Engineer</h3>
<div class="resume-company-name ml-auto">Huawei Technologies</div>
</div>
<div class="resume-position-time">March 2019 - June 2021</div>
</div>
<div class="resume-timeline-item-desc">
<p>As a Software Engineer at Huawei Technologies, my role was a dynamic blend of innovation and versatility. I built a variety of tools aimed at enhancing team productivity and enriching demo presentations, taking pride in my ability to deliver solutions that made a difference.</p>
<ul class="big-list">
<li>Masterminded the planning and full-stack development of numerous projects, each tailored to meet unique requirements and objectives.</li>
<li>Authored comprehensive documentation for all developed projects, ensuring ease of future development, maintenance, and user experience.</li>
</ul>
<h4 class="resume-timeline-item-desc-heading font-weight-bold">Notable Projects</h4>
<ul>
<li>Conceived and developed a Python Web server-based tool for seamless handling of audio recording metadata.</li>
<li>Created an intuitive tool to facilitate the porting of Python-based Neural Networks to C++ and MATLAB, bridging the gap between different programming paradigms.</li>
<li>Designed a Python Framework to enable the use of a MIDI-pad for controlling a demo showcase, enhancing user interaction and engagement.</li>
</ul>
<h4 class="resume-timeline-item-desc-heading font-weight-bold">Technologies Mastered:</h4>
<ul class="list-inline">
<li class="list-inline-item"><span class="badge badge-primary badge-pill">Python</span></li>
<li class="list-inline-item"><span class="badge badge-primary badge-pill">Javascript</span></li>
<li class="list-inline-item"><span class="badge badge-primary badge-pill">HTML/CSS</span></li>
<li class="list-inline-item"><span class="badge badge-primary badge-pill">MATLAB</span></li>
<li class="list-inline-item"><span class="badge badge-primary badge-pill">C++/C</span></li>
</ul>
</div>
</article>
<!--//resume-timeline-item-->
<article class="resume-timeline-item position-relative pb-5">
<div class="resume-timeline-item-header mb-2">
<div class="d-flex flex-column flex-md-row">
<h3 class="resume-position-title font-weight-bold mb-1">Teaching Assistant</h3>
<div class="resume-company-name ml-auto">Tampere University</div>
</div>
<div class="resume-position-time">Jan 2020 - February 2020</div>
</div>
<div class="resume-timeline-item-desc">
<p>In my role as a Teaching Assistant for the Artificial Intelligence course at Tampere University, I was instrumental in fostering a vibrant learning environment. By engaging directly with students, I was able to enhance their understanding of complex AI concepts, using Python as the foundational programming language.</p>
<ul class="big-list">
<li>Contributed to the development of challenging yet accessible exercise questions, stimulating student interest and understanding in AI.</li>
<li>Conducted detailed walk-throughs of exercises, enabling students to grasp complex problems and apply theoretical knowledge to practical scenarios.</li>
</ul>
<h4 class="resume-timeline-item-desc-heading font-weight-bold">Technologies Mastered:</h4>
<ul class="list-inline">
<li class="list-inline-item"><span class="badge badge-primary badge-pill">Python</span></li>
</ul>
</div>
</article>
<!--//resume-timeline-item-->
<article class="resume-timeline-item position-relative pb-5">
<div class="resume-timeline-item-header mb-2">
<div class="d-flex flex-column flex-md-row">
<h3 class="resume-position-title font-weight-bold mb-1">Research Assistant</h3>
<div class="resume-company-name ml-auto">Tampere University of Technology</div>
</div>
<div class="resume-position-time">October 2018 - February 2019</div>
</div>
<div class="resume-timeline-item-desc">
<p>As a Research Assistant at Tampere University of Technology, I embraced the world of AI research by immersing myself in the complexities of audio data gathering. Beyond setting up audio recording equipment, I innovated by automating tasks and streamlining processes, thereby enhancing project efficiency.</p>
<ul class="big-list">
<li>Conceptualized and developed a Python tool to automatically save recording data into a database, a significant step in enhancing data organization and accessibility.</li>
</ul>
<h4 class="resume-timeline-item-desc-heading font-weight-bold">Technologies Mastered:</h4>
<ul class="list-inline">
<li class="list-inline-item"><span class="badge badge-primary badge-pill">Python</span></li>
<li class="list-inline-item"><span class="badge badge-primary badge-pill">Windows Batch</span></li>
</ul>
</div>
</article>
<!--//resume-timeline-item-->
<article class="resume-timeline-item position-relative">
<div class="resume-timeline-item-header mb-2">
<div class="d-flex flex-column flex-md-row">
<h3 class="resume-position-title font-weight-bold mb-1">Virtual Training Environment Developer</h3>
<div class="resume-company-name ml-auto">Puolustusvoimat</div>
</div>
<div class="resume-position-time">March 2018 - September 2018</div>
</div>
<div class="resume-timeline-item-desc">
<p>As a Virtual Training Environment Developer for Puolustusvoimat, I was part of a select group of army conscripts working on VBS3, an ARMA3-based war simulator. In this role, I wore many hats - from enhancing the gaming environment to managing the computer room and hosting military sessions.</p>
<ul class="big-list">
<li>Conceptualized and developed new features using a C++ styled modding language, pushing the boundaries of what was possible in the war simulation environment.</li>
<li>Conducted rigorous testing of all features, ensuring each met the exacting standards of the army and delivered an immersive, bug-free user experience.</li>
</ul>
<h4 class="resume-timeline-item-desc-heading font-weight-bold">Technologies Mastered:</h4>
<ul class="list-inline">
<li class="list-inline-item"><span class="badge badge-primary badge-pill">C++</span></li>
</ul>
</div>
</article>
<!--//resume-timeline-item-->
</div>
<!--//resume-timeline-->
</div>
</section>
<!-- //projects-section -->
<section class="resume-section experience-section mb-5">
<h2 class="resume-section-title text-uppercase font-weight-bold pb-3 mb-3">Projects</h2>
<div class="resume-section-content">
<div class="resume-timeline position-relative">
<article class="resume-timeline-item position-relative pb-5">
<div class="resume-timeline-item-header mb-2">
<div class="d-flex flex-column flex-md-row">
<h3 class="resume-position-title font-weight-bold mb-1">Food Recipe Application</h3>
</div>
</div>
<div class="resume-timeline-item-desc">
<p>A personal passion project brought to life as a web application that ingeniously catalogues and stores food recipes. Crafted for seamless use on both desktop and mobile platforms.</p>
<ul class="big-list">
<li>Independently developed backend and frontend engines, ensuring efficient communication using REST API.</li>
<li>Exhibited my versatility by self-hosting the infrastructure on a Raspberry Pi.</li>
</ul>
<h4 class="resume-timeline-item-desc-heading font-weight-bold">Technologies Mastered:</h4>
<ul class="list-inline">
<li class="list-inline-item"><span class="badge badge-primary badge-pill">Python</span></li>
<li class="list-inline-item"><span class="badge badge-primary badge-pill">Vue.js</span></li>
</ul>
</div>
</article>
<article class="resume-timeline-item position-relative pb-5">
<div class="resume-timeline-item-header mb-2">
<div class="d-flex flex-column flex-md-row">
<h3 class="resume-position-title font-weight-bold mb-1">Virtual Item Finder</h3>
</div>
</div>
<div class="resume-timeline-item-desc">
<p>An innovative web scraper that sniffs out virtual items on discount and dispatches detailed information about the item, including its sale location, to a Discord server.</p>
<ul class="big-list">
<li>Built a potent web scraper using Python, and utilized AWS for rotating IPs, ensuring the efficient and anonymous gathering of data.</li>
<li>Designed an user-friendly Discord bot that operates asynchronously using Python, providing timely alerts to users.</li>
</ul>
<h4 class="resume-timeline-item-desc-heading font-weight-bold">Technologies Mastered:</h4>
<ul class="list-inline">
<li class="list-inline-item"><span class="badge badge-primary badge-pill">Python</span></li>
</ul>
</div>
</article>
</div>
</div>
</section>
<!--//experience-section-->
</div>
<div class="col-lg-3">
<section class="resume-section skills-section mb-5">
<h2 class="resume-section-title text-uppercase font-weight-bold pb-3 mb-3">Skills &
Tools</h2>
<div class="resume-section-content">
<div class="resume-skill-item">
<h4 class="resume-skills-cat font-weight-bold">Frontend</h4>
<ul class="big-list mb-4">
<li class="mb-2">
<div class="resume-skill-name">Vue.js</div>
</li>
<li class="mb-2">
<div class="resume-skill-name">JavaScript</div>
</li>
<li class="mb-2">
<div class="resume-skill-name">HTML/CSS</div>
</li>
<li class="mb-2">
<div class="resume-skill-name">Tailwind</div>
</li>
</ul>
</div>
<div class="resume-skill-item">
<h4 class="resume-skills-cat font-weight-bold">Backend</h4>
<ul class="big-list">
<li class="mb-2">
<div class="resume-skill-name">Python</div>
</li>
<li class="mb-2">
<div class="resume-skill-name">Node.js</div>
</li>
<li class="mb-2">
<div class="resume-skill-name">C/C++</div>
</li>
<li class="mb-2">
<div class="resume-skill-name">MATLAB</div>
</li>
</ul>
</div>
<div class="resume-skill-item">
<h4 class="resume-skills-cat font-weight-bold">Tools</h4>
<ul class="big-list">
<li class="mb-2">
<div class="resume-skill-name">Docker</div>
</li>
<li class="mb-2">
<div class="resume-skill-name">Amazon Web Services</div>
</li>
<li class="mb-2">
<div class="resume-skill-name">Windows</div>
</li>
<li class="mb-2">
<div class="resume-skill-name">Linux</div>
</li>
</ul>
</div>
<!--//resume-skill-item-->
<div class="resume-skill-item">
<h4 class="resume-skills-cat font-weight-bold">Others</h4>
<ul class="list-inline">
<li class="list-inline-item"><span class="badge badge-light">Machine Learning</span></li>
<li class="list-inline-item"><span class="badge badge-light">Algorithms</span></li>
<li class="list-inline-item"><span class="badge badge-light">DevOps</span></li>
<li class="list-inline-item"><span class="badge badge-light">Git</span></li>
<li class="list-inline-item"><span class="badge badge-light">Unit Testing</span></li>
<li class="list-inline-item"><span class="badge badge-light">Webservers</span></li>
</ul>
</div>
<!--//resume-skill-item-->
</div>
<!--resume-section-content-->
</section>
<!--//skills-section-->
<section class="resume-section education-section mb-5">
<h2 class="resume-section-title text-uppercase font-weight-bold pb-3 mb-3">Education</h2>
<div class="resume-section-content">
<ul class="list-unstyled">
<li class="mb-2">
<div class="resume-degree font-weight-bold">MSc in Science and Engineering</div>
<div class="resume-degree-org">Tampere University</div>
<div class="resume-degree-time">2020 - Present</div>
</li>
<li>
<div class="resume-degree font-weight-bold">BSc Science and Engineering</div>
<div class="resume-degree-org">Tampere University of Technology</div>
<div class="resume-degree-time">2016 - 2020</div>
</li>
</ul>
</div>
</section>
<!--//education-section-->
<section class="resume-section reference-section mb-5">
<h2 class="resume-section-title text-uppercase font-weight-bold pb-3 mb-3">Thesis Work</h2>
<div class="resume-section-content">
<ul class="list-unstyled resume-awards-list">
<li class="mb-2 pl-4 position-relative">
<i class="resume-award-icon fas fa-trophy position-absolute"
data-fa-transform="shrink-2"></i>
<div class="resume-award-name">Bachelor's Thesis</div>
<div class="resume-award-desc">Cross-platform porting of Deep Neural Networks
</div>
</li>
</ul>
</div>
</section>
<!--//interests-section-->
<section class="resume-section language-section mb-5">
<h2 class="resume-section-title text-uppercase font-weight-bold pb-3 mb-3">Language</h2>
<div class="resume-section-content">
<ul class="list-unstyled resume-lang-list">
<li class="mb-2"><span class="resume-lang-name font-weight-bold">Finnish</span>
<small class="text-muted font-weight-normal">(Native)</small></li>
<li class="mb-2 align-middle"><span
class="resume-lang-name font-weight-bold">English</span> <small
class="text-muted font-weight-normal">(Highly Fluent)</small></li>
</ul>
</div>
</section>
<!--//language-section-->
<section class="resume-section interests-section mb-5">
<h2 class="resume-section-title text-uppercase font-weight-bold pb-3 mb-3">Interests</h2>
<div class="resume-section-content">
<ul class="list-unstyled">
<li class="mb-1">Creating Videos</li>
<li class="mb-1">Cats</li>
<li class="mb-1">Traveling</li>
</ul>
</div>
</section>
<!--//interests-section-->
</div>
</div>
<!--//row-->
</div>
<!--//resume-body-->
</div>
</article>
</body>
</html>