-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
494 lines (466 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Ege's Portfolio</title>
<link rel="icon" type="image/png" href="./assets/png/hosgungor_portfolio_icon3.png" />
<meta name="description" content="Web Portfolio for my engineering projects" />
<link rel="stylesheet" href="css/style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700;900&display=swap"
rel="stylesheet" />
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ECRRJRL0F2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-ECRRJRL0F2');
</script>
</head>
<body>
<header class="header">
<div class="header__content">
<div class="header__logo-container">
<div class="header__logo-img-cont">
<img src="./assets/png/ege-hsgngr.png" alt="Ege Hosgungor Linkedin Image" class="header__logo-img" />
</div>
<span class="header__logo-sub">Ege Hoşgüngör</span>
</div>
<div class="header__main">
<ul class="header__links">
<li class="header__link-wrapper">
<a href="./index.html" class="header__link"> Home </a>
</li>
<li class="header__link-wrapper">
<a href="./index.html#about" class="header__link">About </a>
</li>
<li class="header__link-wrapper">
<a href="./index.html#projects" class="header__link">
Projects
</a>
</li>
<li class="header__link-wrapper">
<a href="./index.html#contact" class="header__link"> Contact </a>
</li>
</ul>
<div class="header__main-ham-menu-cont">
<img src="./assets/svg/ham-menu.svg" alt="hamburger menu" class="header__main-ham-menu" />
<img src="./assets/svg/ham-menu-close.svg" alt="hamburger menu close"
class="header__main-ham-menu-close d-none" />
</div>
</div>
</div>
<div class="header__sm-menu">
<div class="header__sm-menu-content">
<ul class="header__sm-menu-links">
<li class="header__sm-menu-link">
<a href="./index.html"> Home </a>
</li>
<li class="header__sm-menu-link">
<a href="./index.html#about"> About </a>
</li>
<li class="header__sm-menu-link">
<a href="./index.html#projects"> Projects </a>
</li>
<li class="header__sm-menu-link">
<a href="./index.html#contact"> Contact </a>
</li>
</ul>
</div>
</div>
</header>
<section class="home-hero">
<div class="home-hero__content">
<h1 class="heading-primary"> Ege Hoşgüngör</h1>
<div class="home-hero__info">
<p class="text-primary">
Data Scientist in Robotics
</p>
</div>
<div class="home-hero__cta">
<a href="assets\papers\Ege_Hosgungor_2024November.pdf" class="btn btn--bg">Resume</a>
</div>
<div class="home-hero__cta">
<a href="./#projects" class="btn btn--bg">Projects</a>
</div>
</div>
<div class="home-hero__socials">
<div class="home-hero__social">
<a href="https://www.linkedin.com/in/hosgungor/" class="home-hero__social-icon-link">
<img src="./assets/png/linkedin-ico.png" alt="icon" class="home-hero__social-icon" />
</a>
</div>
<div class="home-hero__social">
<a href="https://github.com/Hsgngr" class="home-hero__social-icon-link">
<img src="./assets/png/github-ico.png" alt="icon" class="home-hero__social-icon" />
</a>
</div>
<div class="home-hero__social">
<a href="https://www.youtube.com/watch?v=UaCITyHXu8I" class="home-hero__social-icon-link">
<img src="./assets/png/yt-ico.png" alt="icon" class="home-hero__social-icon" />
</a>
</div>
</div>
<div class="home-hero__mouse-scroll-cont">
<div class="mouse"></div>
</div>
</section>
<section id="about" class="about sec-pad">
<div class="main-container">
<h2 class="heading heading-sec heading-sec__mb-med">
<span class="heading-sec__main">About Me</span>
</h2>
<div class="about__content">
<div class="about__content-main">
<h3 class="about__content-title">Summary</h3>
<div class="about__content-details">
<p class="about__content-details-para">
Hey! It's
<strong>Ege Hoşgüngör</strong>
and I'm a <strong> Data Scientist </strong> located in
London. This is my portfolio, a showcase for my projects. I'm looking for other artists/engineers as
collaborators for new projects! Currently I'm interested in <strong>AI in Robotics</strong>,
<strong>Autonomous Agents</strong> and personal favourite <strong>Animatronics</strong>.
</p>
</div>
<a href="./#contact" class="btn btn--med btn--theme dynamicBgClr">Contact</a>
</div>
<div class="about__content-skills">
<h3 class="about__content-title">My Skills</h3>
<div class="skills">
<div class="skills__skill">Data Science</div>
<div class="skills__skill">Machine Learning</div>
<div class="skills__skill">Deep Learning</div>
<div class="skills__skill">LLMs</div>
<div class="skills__skill">Autonomous Agents</div>
<div class="skills__skill">Robotics</div>
<div class="skills__skill">Research</div>
<div class="skills__skill">Reinforcement Learning</div>
<div class="skills__skill">Python</div>
<div class="skills__skill">SQL</div>
<div class="skills__skill">Data Driven Development</div>
<div class="skills__skill">CAD</div>
</div>
</div>
</div>
</div>
</section>
<section id="experience" class="experience sec-pad">
<div class="main-container">
<h2 class="heading heading-sec heading-sec__mb-bg">
<span class="heading-sec__main">Experience</span>
</h2>
<!-- Timeline Section -->
<div class="entry-row">
<div class="timespan">2022 - ∞</div>
<div class="ico">
<div class="entry-dot"></div>
<a href="https://www.ocadogroup.com/osp/our-technology/">
<img src="./assets/png/ocado_technology_logo.jpeg" />
</a>
</div>
<div class="desc">
<div>
<b>Senior Data Scientist</b>
<br>
Building state-of-the-art ML systems for <a href="https://www.ocadogroup.com/osp/our-technology/">Ocado
Technology</a>’s robotic operations. Led 2 projects as the Lead Data Scientist:
<br>
❖ Wireless Signal Strength Forecasting Project: We utilized machine learning algorithms and unique signal
data from our bots to forecast wireless network coverage and foresee complications beforehand. This enabled
us to optimize CFC designs accordingly and helped solving the antenna design problem.
<br>
❖ Crash Investigation Automation (SQL, Object Detection, and LLMs for Classification).
</div>
<br>
<b>Data Scientist</b>
<br>
❖ Created A/B test settings for bots and worked on optimizing several metrics using the needed number of bots
/bot hours for these tests.
<br>
❖ A Wheel Slippage Control Problem: This involves removing a physical sensor and replacing it with a machine
learning model that utilizes accelerometer data, motor torques, and other sensor readings. The aim is to
effectively control and mitigate wheel slippage. The aim was to get rid of a very expensive encoder sensor and
improve the accuracy of the current system. I was doing the Optimization Part of the project.
<br>
<br>
</div>
</div>
<div class="entry-row">
<div class="timespan">2020 - 2022 </div>
<div class="ico">
<div class="entry-dot"></div>
<a href="https://www.dcipheranalytics.com/">
<img src="./assets/png/dcipher_analytics_logo.jpeg">
</a>
</div>
<div class="desc">
<b>Reinforcement Learning Engineer</b>
<br>
❖ Implemented RL algorithms / environments for Automated Stock Market Analysis for <a
href="https://www.dcipheranalytics.com/">Dcipher Analytics</a>
<br>
❖ Led an end-to-end multi class, multilabel machine learning project for Avalanche Risk Prediction funded by
TUBITAK.
<br>
<br><br>
</div>
</div>
<div class="entry-row">
<div class="timespan">2019 - 2020 </div>
<div class="ico">
<div class="entry-dot"></div>
<a href="https://www.sussex.ac.uk/">
<img src="./assets/png/university_of_sussex_logo.jpeg">
</a>
</div>
<div class="desc">
<b>MSc in Advanced Computer Science</b>
<br>
❖ Dissertation: "Pandemic Simulation with Reinforcement Learning"
<br>
❖ Area Courses: Machine Learning/ Engineering Reliable and Scalable Project / E-Commerce Systems
<br>
❖ Distinction, First Class Honor (4.0 GPA)
<br><br>
</div>
</div>
<div class="entry-row">
<div class="timespan">2018 - 2019 </div>
<div class="ico">
<div class="entry-dot"></div>
<a href="https://karma.ku.edu.tr/">
<img src="./assets/png/karmalab_logo.jpeg">
</a>
</div>
<div class="desc">
<b>Software Engineer</b>
<br>
❖ Along the way I started to work as a Software Engineer at <a href="https://karma.ku.edu.tr/">KarmaLab</a>.
<br>
❖ Later on I became the Lead Software Engineer of a simulation project where I led a group of 15 people from
mixed background (artists/professionals and Phds) to create a digital twin of Koç University.
<br><br>
</div>
</div>
<div class="entry-row">
<div class="timespan">2014 - 2018 </div>
<div class="ico">
<div class="entry-dot"></div>
<a href="https://www.ku.edu.tr/">
<img src="./assets/png/koc_university_logo.jpeg">
</a>
</div>
<div class="desc">
<b>BSc in Mechanical Engineering</b>
<br>
❖ Senior Project: "A Haptic Feedback Glove for Virtual Reality" Best Engineering Project Award.
<br>
❖ Area Courses: Rocket Propulsion / Finite Element Analysis /Corporate Dynamics for Engineers
</div>
</div>
</section>
<section id="projects" class="projects sec-pad">
<div class="main-container">
<h2 class="heading heading-sec heading-sec__mb-bg">
<span class="heading-sec__main">Projects</span>
<!-- <span class="heading-sec__sub">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic facilis
tempora explicabo quae quod deserunt eius sapiente
</span> -->
</h2>
<div class="projects__content">
<div class="projects__row">
<div class="projects__row-img-cont" style="display: flex; justify-content: center; align-items: center;">
<a href="https://smsbotu.com/" target="_blank">
<img src="assets\projects\1e191.png" alt="SMSBOTU Company" class="projects__row-img" loading="lazy" />
</a>
</div>
<div class="projects__row-content">
<h3 class="projects__row-content-title">SMSBOTU - Internet Access via SMS powered by LLMs
</h3>
<p class="projects__row-content-desc">
Discover <a href="https://smsbotu.com/" target="_blank"
style="color: blue; text-decoration: underline;">SMSBOTU</a>, an intelligent agent that brings
internet information to your phone via SMS, powered by Langchain and OpenAI. Originally created to target
turkish
soldiers without smartphone access during their mandatory military service, it now aids many in Turkey who
don't have daily internet but are in GSM coverage areas. SMSBOTU transforms your SMS into a simple, direct
line to the information you need, without distractions.
</p>
<a href="https://smsbotu.com/" class="btn btn--med btn--theme dynamicBgClr" target="_blank">Checkout the
Website</a>
</div>
</div>
<div class="projects__row">
<div class="projects__row-img-cont">
<img src="assets\projects\thesis_last.png" alt="Software Screenshot" class="projects__row-img"
loading="lazy" />
</div>
<div class="projects__row-content">
<h3 class="projects__row-content-title">MSc Thesis: Simulation-Based Reinforcement Learning for Social
Distancing</h3>
<p class="projects__row-content-desc">
Created epidemic simulation with RL environment, trained agents to learn social distancing &
self-quarantine.
Proved efficacy in flattening epidemic curve. Project received distinction & showcased on Unity.
</p>
<a href="https://github.com/Hsgngr/Pandemic_Simulation" class="btn btn--med btn--theme dynamicBgClr"
target="_blank">View Project</a>
</div>
</div>
<div class="projects__row">
<div class="projects__row-img-cont">
<img src="assets\projects\hackathons_2.jpeg" alt="Software Screenshot" class="projects__row-img"
loading="lazy" />
</div>
<div class="projects__row-content">
<h3 class="projects__row-content-title">Multiple Datathons / Kaggle Competitions Winner </h3>
<ul class="projects__row-content-desc">
<li>Brighton Memorable City Top 10 Ranking</li>
<li>Formula AI Hackathon New Comer Team Award</li>
<li>AirBnb Data Analysis Kaggle Competition</li>
<li>US Census Data Income Classification Challenge</li>
<li>Academic Article Classification Challenge Award Winner</li>
</ul>
<a href="https://github.com/Hsgngr/" class="btn btn--med btn--theme dynamicBgClr" target="_blank">Go to the
Github Page</a>
</div>
</div>
<div class="projects__row">
<div class="projects__row-img-cont">
<img src="assets\projects\HapticVr.png" alt="Hardware Screenshot" class="projects__row-img"
loading="lazy" />
</div>
<div class="projects__row-content">
<h3 class="projects__row-content-title">Haptic Feedback Glove for Virtual Reality</h3>
<p class="projects__row-content-desc">
The design of the vibrotactile hand interface for virtual reality project aimed users to
feel the virtual object via tactile feedback on their hands and increase general sense of reality in
Virtual Reality.
Won Best Senior Mechanical Engineering Project in 2018-2019
</p>
<a href="https://www.youtube.com/watch?v=UaCITyHXu8I" class="btn btn--med btn--theme dynamicBgClr"
target="_blank">Watch the Trailer</a>
</div>
</div>
<div class="projects__row">
<div class="projects__row-img-cont">
<img src="assets\projects\briefcase_gig.png" alt="Animation Screenshot" class="projects__row-img"
loading="lazy" />
</div>
<div class="projects__row-content">
<h3 class="projects__row-content-title">Animatronics Briefcase</h3>
<p class="projects__row-content-desc">
An end-to-end animatronics project that I work on as a side hustle project. From the mechanism designs,
software development to international clown performance I enjoy working on it.
</p>
<a class="btn btn--med btn--theme dynamicBgClr" target="_blank">Work in Progress!</a>
</div>
</div>
<div class="projects__row">
<div class="projects__row-img-cont">
<img src="assets\projects\flirty_lamp_300.png" alt="Animation Screenshot" class="projects__row-img"
loading="lazy" />
</div>
<div class="projects__row-content">
<h3 class="projects__row-content-title">Flirty Pixar Lamp</h3>
<p class="projects__row-content-desc">
This short animation was created for the "Animation and Modelling" course at the University of Sussex
using Cinema4D.
</p>
<a href="https://www.youtube.com/watch?v=d19e3JlTT-w" class="btn btn--med btn--theme dynamicBgClr"
target="_blank">Watch the Animation</a>
</div>
</div>
<div class="projects__row">
<div class="projects__row-img-cont">
<img src="assets\projects\kutwin.png" alt="Video Game Screenshot" class="projects__row-img"
loading="lazy" />
</div>
<div class="projects__row-content">
<h3 class="projects__row-content-title">KU-TWIN (Digital Twin)</h3>
<p class="projects__row-content-desc">
I leaded the KARMA Lab's KU-TWIN project, creating a digital twin of Koç University.
We used photogrammetric models and point cloud data to remodel all campus buildings,
resulting in a VR experience with unique exploration possibilities such as time-travel and
perspective-shifting.
Our ultimate goal was to create a comprehensive digital twin of the university.
</p>
<a href="https://karma.ku.edu.tr/en/projects" class="btn btn--med btn--theme dynamicBgClr"
target="_blank">View the KARMA Lab</a>
</div>
</div>
</div>
</div>
</section>
<section id="contact" class="contact sec-pad dynamicBg">
<div class="main-container">
<h2 class="heading heading-sec heading-sec__mb-med">
<span class="heading-sec__main heading-sec__main--lt">Contact</span>
<span class="heading-sec__sub heading-sec__sub--lt">
Leave a Message!
</span>
</h2>
<div class="contact__form-container">
<form method="POST" action="https://formspree.io/hsgngr@gmail.com" class="contact__form">
<div class="contact__form-field">
<label class="contact__form-label" for="name">Name</label>
<input required placeholder="Enter Your Name" type="name" class="contact__form-input" name="name"
id="name" />
</div>
<div class="contact__form-field">
<label class="contact__form-label" for="email">Email</label>
<input required placeholder="Enter Your Email" type="email" class="contact__form-input" name="email"
id="email" />
</div>
<div class="contact__form-field">
<label class="contact__form-label" for="message">Message</label>
<textarea required cols="30" rows="10" class="contact__form-input" placeholder="Enter Your Message"
name="message" id="message"></textarea>
</div>
<button type="submit" class="btn btn--theme contact__btn">
Submit
</button>
</form>
</div>
</div>
</section>
<footer class="main-footer">
<div class="main-container">
<div class="main-footer__upper">
<div class="main-footer__row main-footer__row-1">
<h2 class="heading heading-sm main-footer__heading-sm">
<span>Social</span>
</h2>
<div class="main-footer__social-cont">
<a target="_blank" rel="noreferrer" href="https://www.linkedin.com/in/hosgungor/">
<img class="main-footer__icon" src="./assets/png/linkedin-ico.png" alt="icon" />
</a>
<a target="_blank" rel="noreferrer" href="https://github.com/Hsgngr">
<img class="main-footer__icon" src="./assets/png/github-ico.png" alt="icon" />
</a>
<a target="_blank" rel="noreferrer" href="https://www.youtube.com/watch?v=UaCITyHXu8I">
<img class="main-footer__icon" src="./assets/png/yt-ico.png" alt="icon" />
</a>
</div>
</div>
<div class="main-footer__row main-footer__row-2">
<h4 class="heading heading-sm text-lt">Ege Hosgungor</h4>
<p class="main-footer__short-desc">
</p>
</div>
</div>
<!-- If you give me some credit or shoutout here by linking to my website, then it will be a big thing for me and will help me a lot :) -->
<div class="main-footer__lower">
© Copyright 2023. Made by
<a rel="noreferrer" target="_blank" href="https://rammaheshwari.com">Ram Maheshwari</a>
</div>
</div>
</footer>
<script src="./index.js"></script>
</body>
</html>