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
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Michael Foiani's Resume</title>
<meta name="description" content="Michael Foiani's Frontend Resume 2025" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="favicon.ico" />
<style>
/* minimalist reset */
* {
padding: 0;
margin: 0;
}
body {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
sans-serif;
background-color: #fff;
color: #121212;
/* 1rem = 16px = 12pt font */
font-size: 1rem;
/* Margins */
margin: 1rem auto;
max-width: 800px;
padding: 0 2.5vw;
}
header {
line-height: 1.2;
}
.main-title {
text-align: center;
font-size: 1.167rem; /* 18.67px = 14pt font */
font-weight: bold;
}
.contact-details {
text-align: center;
}
a {
text-decoration: none;
color: #007bff;
}
.summary {
text-align: center;
}
header {
padding-bottom: 1rem;
}
main {
font-size: 0.875rem; /* 14px = 10.5pt font */
line-height: 1.5;
}
ul {
padding-left: 30px;
padding-bottom: 1rem;
}
.line-with-spacer {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
}
.job-title,
.project-name {
font-style: italic;
}
footer {
font-size: 0.75rem; /* 12px = 9pt font */
text-align: center;
padding-top: 1rem;
}
/* print css media query */
@media print {
/* Remove margins given by browser on print */
@page {
margin: 0;
}
body {
/* Arial font preferred for resumes */
font-family: Arial, Helvetica, sans-serif;
/* Max width of normal letter paper */
max-width: 8.5in;
/* Margins */
margin: 0.25in 0.5in;
padding: 0;
}
/* Remove footer when printing */
footer {
display: none;
}
}
/* Dark mode theme support */
@media (prefers-color-scheme: dark) {
body {
background-color: #121212;
color: #e0e0e0;
}
a {
color: #66aaff;
}
}
</style>
<script defer>
// Change the title specifically when printing
window.onbeforeprint = () => (document.title = "michael_foiani_resume");
window.onafterprint = () => (document.title = "Michael Foiani's Resume");
</script>
</head>
<body>
<header>
<h2 class="main-title" aria-label="Name">Michael Foiani</h2>
<nav class="contact-details" aria-label="Contact Details">
<span
>email:
<a target="_blank" href="mailto:mfoiani@mfoi.dev"
>mfoiani@mfoi.dev</a
></span
>
<span>|</span>
<span
>phone:
<a target="_blank" href="tel:4402279674">(440)-227-9674</a></span
>
<span>|</span>
<span>
git:
<a target="_blank" href="https://www.git.mfoi.dev/"
>www.git.mfoi.dev</a
></span
>
</nav>
<p class="summary" aria-label="Summary">
U.S. citizen moving to NYC in November but can work remote or move
sooner if needed.
</p>
</header>
<main>
<article aria-label="Summary"></article>
<article aria-label="Education List">
<h3>Education</h3>
<ul>
<li>
<section>
<div class="line-with-spacer">
<span
>Sc.M. in Computer Science from Brown University, 4.0
GPA</span
>
<span class="aligned-right">Graduated 2024</span>
</div>
</section>
</li>
<li>
<section>
<div class="line-with-spacer">
<span
>Sc.B. in Computer Science & A.B. in Physics from Brown
University, 3.94 GPA</span
>
<span class="aligned-right">Graduated 2023</span>
</div>
<div>
<p>
Awards: Alfred H. Joslin Award, Magna Cum Laude, and
Departmental Honors
</p>
<p>
Specialties: UI/UX, HCI, Graphics, Computational Physics,
Operating Systems
</p>
</div>
</section>
</li>
</ul>
</article>
<article>
<h3>Work History</h3>
<section>
<div class="line-with-spacer job-title">
<span>Owner - MFOI Consulting LLC, Naples FL</span>
<span class="aligned-right">July 2024 to Current</span>
</div>
<ul>
<li>
Deployed locally-hosted, secure, private, and cost-effective IT
solutions on Proxmox Servers for small businesses and non-profits
that replace monthly subscriptions and modernize infrastructure.
</li>
<li>
Migrate infrastructure like Apache and Ruby on Rails with Nginx
and Next.JS to ensure future compatibility.
</li>
<li>
Made landing sites for advertisement purposes using either
HTML/CSS or Vite+React/TailwindCSS.
</li>
</ul>
</section>
<section>
<div class="line-with-spacer job-title">
<span
>Head Teaching Assistant - Brown University, Providence RI</span
>
<span class="aligned-right">January 2022 to May 2024</span>
</div>
<ul>
<li>
Automated tasks and data pipelines in JavaScript (Google Apps
Script), Node.js, and Python as the Head Teaching Assistant for
two 400+ student and 50+ staff courses (incl. the largest UI/UX
course in the U.S.).
</li>
<li>
Reverse engineered Gradescope's RESTful API using Postman to
create a locally-hosted dockerized Node.js backend and TypeScript
React frontend (with tRPC) that simplifies management of grading
data for professors.
</li>
<li>
Revamped the main course website(s) CI/CD pipeline to include
comprehensive tests for traversing links in GitHub Actions to
ensure students would not access broken links.
</li>
<li>
Integrated UX Factor, a peer-to-peer grading system in vanilla
JavaScript, removing 80% of manual grading.
</li>
<li>
Organized the creation and review of all course materials relating
to HTML5, CSS3, JavaScript, React, web accessibility, and UI/UX
design.
</li>
</ul>
</section>
<section>
<div class="line-with-spacer job-title">
<span
>Research Assistant - Prof. Van Dam's Graphics Lab, Brown
University</span
>
<span class="aligned-right">January 2022 to May 2023</span>
</div>
<ul>
<li>
Developed innovative features in Dash, a large TypeScript React
hypermedia web app used by thousands.
</li>
<li>
Designed and implemented an efficient, interactive storytelling
platform in Dash using a custom Typescript trie parser on MongoDB
documents for my honors thesis, sponsored by and presented to
Adobe and Figma.
</li>
<li>
Ported light video processing from the Node.js backend to the
client using WebAssembly FFMPEG libraries, reducing heavy CPU
usage and network load on the Azure server during peak hours.
</li>
</ul>
</section>
<section>
<div class="line-with-spacer job-title">
<span
>Fullstack Software Engineer Intern - Tagg.Id, Palo Alto CA</span
>
<span class="aligned-right">Summer 2021</span>
</div>
<ul>
<li>
Served as the main point of contact for cross-functional
collaboration among the design, frontend, and backend engineering
teams, determining feature integration feasibility.
</li>
<li>
Developed a touch-based video editing frontend for mobile devices
in React Native with native GPU support to double editing
performance and increase video resolution to native.
</li>
</ul>
</section>
</article>
<article aria-label="project-list">
<h3>Relevant Projects</h3>
<section>
<ul>
<li>
<span class="project-name">Watchdogs:</span> a React frontend with
a Java Spring and SQLite3 backend that takes data from the SEC on
CEOs, determines related trades using PageRank, then displays the
results graphically in an HTML canvas (<a
target="_blank"
href="https://www.git.mfoi.dev/watchdogs.git/tree/?h=master"
>code</a
>).
</li>
<li>
<span class="project-name">MAO-PWA:</span> a progressive web app
using Polymer3, Redux, and a Firebase backend to manage tutoring
and signups for my high school's math team (<a
target="_blank"
href="https://www.git.mfoi.dev/mao-pwa.git/tree/"
>code</a
>).
</li>
<li>
<span class="project-name">Brown's UIUX Course Website:</span> led
a team of 12 to design and develop a simple, lightweight, and
accessible site in plain HTML, CSS, and JS used by hundreds of
students. (<a
target="_blank"
href="https://cs.brown.edu/courses/csci1300/fall2022/"
>site</a
>,
<a
target="_blank"
href="https://www.git.mfoi.dev/cs1300-2022-website.git/tree/"
>code</a
>).
</li>
<li>
<span class="project-name">Simple AB Template:</span>
A local AB test stencil in vanilla JS using local browser storage
(<a
target="_blank"
href="https://www.git.mfoi.dev/ab-testing-stencil.git/tree/?h=main"
>code</a
>).
</li>
</ul>
</section>
</article>
<footer>
<p>
<a href="javascript:window.print();">Click here</a> to print this.
</p>
</footer>
</main>
</body>
</html>
|
