-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
370 lines (331 loc) · 18.1 KB
/
index.html
File metadata and controls
370 lines (331 loc) · 18.1 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Inconsolata" /> -->
<link rel="icon" type="image/x-icon" href="./assets/icons/favicon.ico" />
<title>victor</title>
<meta name="description" content="victor feuga portfolio.">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="./css/layout.css">
<link rel="stylesheet" href="./css/typography.css">
<link rel="stylesheet" href="./css/utilities.css">
<script src="https://cdn.tailwindcss.com"></script>
<script defer src="./js/script.js"></script>
</head>
<body>
<!-- NAVBAR -->
<div class="navbar">
<a class="nav-title-link" href="/">
<!-- TODO - Change the "Portfolio Title" to whatever you want displayed in the top left -->
<span class="nav-title">victor 🌙</span>
<!-- TODO - Change the email after 'mailto:' to your email address for contact -->
<a class="button" href="mailto:vicfeuga@orange.fr">
<span class="button-text">contact me 📬</span>
</a>
</a>
</div>
<!-- MAIN PAGE CONTENT -->
<div id="main-content">
<!-- PORTFOLIO HEADER -->
<div id="portfolio-header">
<div id="portfolio-header-image-container">
<img src="./assets/images/pp.png" class="portfolio-header-image">
<a class="no-underline" target="_blank">
<span class="image-caption"></span>
</a>
</div>
<div id="portfolio-header-text-container">
<div class="header-text">
<span class="main-title">hi it's victor :)</span>
<div class="body-text">i'm a <span class="typed-text"></span> <br />probably working on an AI project</div>
</div>
<a class="button" id="my-work-link">
<span class="button-text">check out my works</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
<a class="button" href="./assets/RESUME Victor FEUGA.pdf" download="RESUME Victor FEUGA.pdf">
<span class="button-text">download my resume</span>
</a>
</div>
</div>
<!-- ABOUT SECTION -->
<!--
TODO
- Change the subheader-text to whatever header you want
- Add paragraphs using the <div class="body-text"></div> elements in the "about-section-content"
-->
<div class="about-section">
<span class="subheader-text">about me</span>
<div class="about-section-content">
<div class="body-text">I'm Victor Feuga, a graduated student from a master's degree in software engineering specialized in AI at CY Tech (Pau 🇫🇷).<br />
I like to challenge my technical skills and team spirit in different projects.</div>
<div class="body-text">Other than working with data, I'm very sporty (currently playing rugby in Singapore, 2025 Development League Champion 🏆), I like cooking and taking film photos 📸.</div>
</div><br />
<span class="subheader-text">skills</span>
<div class="body-text row">
<div class="column">
<table HEIGHT=200 >
<tr valign="top">
<td rowspan="2"><u>Programming Languages</u></td>
<td>🌕</td>
<td>Python</td>
</tr>
<tr valign="top">
<td>🌗</td>
<td>C++, R, SQL</td>
</tr>
<tr valign="top">
<td WIDTH="40%" valign="left" valign="top"><u>Artificial Intelligence</u></td>
<td></td>
<td>LLM, Deep Learning, Image processing, Transformers, Reinforcement Learning</td>
</tr>
<tr valign="top">
<td WIDTH="40%"><u>Machine Learning Tools</u></td>
<td></td>
<td>Scikit-Learn, PyTorch, TensorFlow, Keras</td>
</tr>
</table>
</div>
<div class="column">
<table HEIGHT=100>
<tr valign="top">
<td><u>Data Analysis</u></td>
<td>Matplotlib, seaborn, Plotly</td>
</tr>
<tr valign="top">
<td><u>Data Processing Tools</u></td>
<td>Pandas, Numpy</td>
</tr>
</table>
</div>
</div><br />
<span class="subheader-text">languages</span>
<div class="body-text row">
<div class="column">French: 🌕🌕🌕🌕🌕<br />
Spanish: 🌕🌕🌗🌑🌑</div>
<div class="column">English: 🌕🌕🌕🌕🌗<br />
Japanese: 🌕🌕🌑🌑🌑</div>
</div>
</div>
<!-- education -->
<div id="education-section">
<!-- TODO - Change the subheader-text to whatever you want the Projects section header to say -->
<span class="subheader-text">my education</span>
<div class="projects-container">
<div class="project-card-education">
<img src="./assets/images/cy-tech.png" class="project-image-logo">
<div class="project-card-text-container">
<div class="subheader-text project-title">CY Tech</div>
<div class="body-text project-card-text"><b>Master's Degree, Software engineering specialized in AI</b> - 2020 to 2023</div>
</div>
</div>
<div class="project-card-education">
<img src="./assets/images/uppa.png" class="project-image-logo">
<div class="project-card-text-container">
<div class="subheader-text project-title">University of Pau and Adour Countries</div>
<div class="body-text project-card-text"><b>University Diploma of Higher Education, Statistics and Data Analysis</b> - 2018 to 2020</div>
</div>
</div>
</div>
<br />
<br />
<br />
<!-- experiences -->
<div id="experiences-section" class="experiences-section">
<!-- TODO - Change the subheader-text to whatever you want the Projects section header to say -->
<span class="subheader-text">my experiences</span>
<div class="projects-container">
<div class="project-card">
<img src="./assets/images/merck-hc-logo.png" class="project-image-logo">
<div class="project-card-text-container">
<div class="subheader-text project-title">Data scientist</div>
<div class="body-text project-card-text"><b>Merck Healthcare</b> - September 2024 to now, Singapore</div>
<div class="body-text project-card-text">Working with APAC Healthcare Regional Insights & Analytics director.<br />
Driving AI adoption to leverage insights and improve strategic decision-making across regional pharmaceutical markets.
</div>
</div>
<a class="button" href="./project-pages/merck-hc.html">
<span class="button-text">read more</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
<div class="project-card">
<img src="./assets/images/mecadaq.png" class="project-image-logo">
<div class="project-card-text-container">
<div class="subheader-text project-title">Data analyst</div>
<div class="body-text project-card-text"><b>MECADAQ GROUP</b> - March 2024 to August 2024, Tarnos, France</div>
<div class="body-text project-card-text">Joined a fast-paced environment with extensive data to analyze and process<br />
Centralized data from multiple global sources, enhancing decision-making and operational efficiency
</div>
</div>
<a class="button" href="./project-pages/mecadaq.html">
<span class="button-text">read more</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
<div class="project-card">
<img src="./assets/images/bnp-pf.png" class="project-image-logo">
<div class="project-card-text-container">
<div class="subheader-text project-title">Apprentice data scientist</div>
<div class="body-text project-card-text"><b>BNP Paribas Personal Finance</b> - September 2022 to September 2023, Mérignac, France</div>
<div class="body-text project-card-text">Member of the innovation desk team of PF RISK at the Scoring Center<br />
Research on different categorical variable encoding techniques for Machine Learning models<br />
Development of credit card granting scorecard for an entity in South Africa (logistic regression)<br />
Development of classification models in Machine Learning<br />
Data analysis and management</div>
</div>
<a class="button" href="./project-pages/bnp.html">
<span class="button-text">read more</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
<div class="project-card">
<img src="./assets/images/omu.jpeg" class="project-image-logo">
<div class="project-card-text-container">
<div class="subheader-text project-title">Research student in the Knowledge System laboratory</div>
<div class="body-text project-card-text"><b>Osaka Metropolitan University - 大阪公立大学</b> - May 2022 to August 2022, Sakai, Japan</div>
<div class="body-text project-card-text">Developement of an emotion prediciton system based on facial Action Units with OpenFace application<br />
Machine learning, Data analysis<br />
Research about Computer Supported Collaborative Learning system and emotion facial expression with Action Units</div>
</div>
<a class="button" href="./project-pages/omu.html">
<span class="button-text">read more</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
<div class="project-card">
<img src="./assets/images/lamy.jpeg" class="project-image-logo">
<div class="project-card-text-container">
<div class="subheader-text project-title">Intern in the IT department</div>
<div class="body-text project-card-text"><b>LAMY Expertise</b> - June 2021 to July 2021, Champagne-au-Mont-d’Or, France</div>
<div class="body-text project-card-text">The objective of this internship was to set up different tools to help the company LAMY<br />
- Installation of an online inventory platform (GLPI) that allows the company's IT assets to be referenced<br />
- Integration of a document indexing plugin under NextCloud using the "full text search" method (allows to search the content inside the documents)<br />
- Creation of a tool to evaluate the referencing of sites thanks to a simulation of a Google search according to certain keywords</div>
</div>
<a class="button" href="./project-pages/lamy.html">
<span class="button-text">read more</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
</div>
</div>
<div class="experiences-section">
<span class="subheader-text">other projects</span>
<div class="projects-container">
<div class="project-card">
<img src="./assets/images/nuggets.png" class="project-image-logo">
<div class="project-card-text-container">
<div class="subheader-text project-title">@notablenuggetsfact</div>
<div class="body-text project-card-text"><b>Automated video generator</b> - for fun</div>
<div class="body-text project-card-text">Built a program to automaticly create videos</div>
</div>
<a class="button" href="./project-pages/nuggetsfact.html">
<span class="button-text">read more</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
<div class="project-card">
<img src="./assets/images/lettercraft.png" class="project-image-logo">
<div class="project-card-text-container">
<div class="subheader-text project-title">LetterCraft </div>
<div class="body-text project-card-text"><b>End of studies project</b> - CY Tech</div>
<div class="body-text project-card-text">Tool to generate cover letters</div>
</div>
<a class="button" href="./project-pages/lettercraft.html">
<span class="button-text">read more</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
<div class="project-card">
<img src="./assets/images/data2023.png" class="project-image-logo">
<div class="project-card-text-container">
<div class="subheader-text project-title">deepcarbon </div>
<div class="body-text project-card-text"><b>Finalist at the Data Challenge 2023</b> - IA Pau</div>
<div class="body-text project-card-text">Automated analysis of lithologies</div>
</div>
<a class="button" href="./project-pages/deepcarbon.html">
<span class="button-text">read more</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
</div>
<!-- certifications -->
<div class="experiences-section">
<span class="subheader-text">my certifications</span>
<div class="projects-container">
<div class="project-card">
<img src="./assets/images/hf.png" class="project-image-logo">
<div class="project-card-text-container">
<div class="subheader-text project-title">Hugging Face Deep Reinforcement Learning Certificate</div>
<div class="body-text project-card-text"><b>Grade: Excellent</b> - December 2023 - <a target="_blank" href="https://huggingface.co/learn/deep-rl-course/"><u>course link</u></a> </div>
</div>
<a class="button" target="_blank" href="./assets/images/hf-certificate.pdf">
<span class="button-text">see certificate</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
<div class="project-card">
<img src="./assets/images/toeic.jpg" class="project-image-logo">
<div class="project-card-text-container">
<div class="subheader-text project-title">TOEIC® Listening and Reading test</div>
<div class="body-text project-card-text"><b>970/990</b> - March 2023</div>
</div>
<a class="button" target="_blank" href="./assets/images/toeic-cert.pdf">
<span class="button-text">see certificate</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
</div>
</div>
<div id="hobbies-section">
<span class="subheader-text">my hobbies</span>
<div class="projects-container">
<div class="project-card">
<img src="./assets/images/sport.png" class="project-image-logo">
<div class="project-card-text-container">
<div class="subheader-text project-title">Sports 💨</div>
<div class="body-text project-card-text">Fitness, rugby, snowboarding, running</div>
</div>
</div>
<div class="project-card">
<img src="./assets/images/cook.png" class="project-image-logo">
<div class="project-card-text-container">
<div class="subheader-text project-title">Cooking 👨🍳</div>
<div class="body-text project-card-text">Trying to be my own home chef </div>
</div>
</div>
<div class="project-card">
<img src="./assets/images/manga.png" class="project-image-logo">
<div class="project-card-text-container">
<div class="subheader-text project-title">Manga 📖</div>
<div class="body-text project-card-text">I love to read manga in order to learn more about Japanese culture (孤高の人, バガボンド, ヴィンランド･サガ, ...)</div>
</div>
</div>
<div class="project-card">
<img src="./assets/images/photo.png" class="project-image-logo">
<div class="project-card-text-container">
<div class="subheader-text project-title">Analog photography 📸</div>
</div>
<a class="button" href="./pics.html">
<span class="button-text">see some pics 🌆</span>
</a>
</div>
</div>
</div>
</div>
<!-- FOOTER -->
<div id="footer">
<a class="icon-link" target="_blank" href="https://www.linkedin.com/in/victor-feuga/">
<image src="./assets/icons/linkedin.svg" class="footer-icon"/>
</a>
<a class="icon-link" target="_blank" href="https://huggingface.co/vicfeuga">
<image src="./assets/icons/hf.png" class="footer-icon"/>
</a>
<a class="icon-link" href="mailto:vicfeuga@orange.fr">
<image src="./assets/icons/mail.svg" class="footer-icon"/>
</a>
</div>
</body>
</html>