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
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Michael Foiani 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: 850px;
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;
}
/* print css media query */
@media print {
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;
}
}
/* 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 Resume");
</script>
</head>
<body>
<header>
<h2 class="main-title" aria-label="Name">Michael Foiani</h2>
<nav class="contact-details" aria-label="Contact Details">
<span>
<a target="_blank" href="mailto:mfoiani@mfoi.dev"
>mfoiani@mfoi.dev</a
></span
>
<span>|</span>
<span><a target="_blank" href="tel:4402279674">(440)-227-9674</a></span>
<span>|</span>
<span>
<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>
<div>
<span
>Specialties: UI/UX, HCI, Graphics, Computational Physics,
Operating Systems</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>
<span
>Awards: Alfred H. Joslin Award, Magna Cum Laude, and
Departmental Honors</span
>
</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 for small businesses and non-profits that reduce
operational costs 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 in either HTML/CSS
or Next.JS/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 many manual tasks and data pipeline processes as the
Head Teaching Assistant for two 400+ student and 50+ staff courses
(including the largest UI/UX course in the country).
</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>
Reverse engineered Gradescope's API using Postman to create a
self-hosted dockerized Typescript Next.JS app to simplify
management of grading data for professors.
</li>
<li>
Integrated UX Factor, a peer-to-peer grading system in vanilla JS,
reducing manual grading by ~80%.
</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 a large TypeScript React webapp
(called Dash) 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 visually 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 webapp in
Polymer3 with 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>
</main>
</body>
</html>
|
