-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
409 lines (388 loc) · 22.8 KB
/
index.html
File metadata and controls
409 lines (388 loc) · 22.8 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Info About My Page -->
<title>Steven Chen</title>
<meta name="description" content="Hello, I'm Steven Chen! Currently a Software Engineer at Meta!">
<meta name="keywords" content="Steven Chen, Gatech, Georgia Tech, Software Engineer, Steven, Chen, Georgia Institute of Technology, software engineer, SWE, Meta, software, technology, cs, computer science">
<!-- Bootstrap and Style Stuff -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css" rel="stylesheet" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="assets/css/style.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-165635762-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-165635762-1');
</script>
</head>
<body id="home">
<!-- TODO: !!FIX SAFARI FORMATTING!!, Icon in Tab, button back to top?, make scrolling offset more dynamic? -->
<!-- Navbar Stuff -->
<!-- TODO: Fix color, fix color change location, add shadow under it -->
<nav class="navbar navbar-b navbar-trans navbar-expand-md fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll" href="#home">Steven Chen</a>
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarDefault"
aria-controls="navbarDefault" aria-expanded="false" aria-label="Toggle navigation">
<span></span>
<span></span>
<span></span>
</button>
<div class="navbar-collapse collapse justify-content-end" id="navbarDefault">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link js-scroll active" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll" href="#experience">Experience</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll" href="#projects">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Welcome Screen -->
<!-- TODO: Get typing text -->
<div class="jumbotron jumbotron-fluid">
<div class="container">
<div class="jumbotron-text">
<h1 class="display-4">Hi, I'm Steven Chen</h1>
<p>Software Engineer</p>
<br>
<br>
<a href="#about" class="down-button"><i class="fa fa-arrow-down fa-2x" aria-hidden="true"></i></a>
</div>
</div>
</div>
<!-- About Me -->
<!-- TODO: Fix when resizing text gets jumbled, pick color for progress bars -->
<div id="about">
<div class="container">
<div class="card shadow-lg">
<div class="card-body">
<div class="row">
<div class="col-sm-4">
<div class="row title-name-about">
<b style="font-size: 1.51em">About Me</b>
</div>
<img src="assets/pictures/headshot.png" class="img-fluid" alt="Steven" style="padding: 7% 10% 10% 10%;">
<!-- Need to do something about text break for email and linkedin -->
<div>
<ul class="list-group list-group-flush">
<li class="list-group-item"><b>Name:</b> Steven Chen</li>
<li class="list-group-item"><b>Email:</b> <a href="mailto:con%74%61cts%74eve%6ech%65n@%67mail%2Eco%6D">contactStevenChen@gmail.com</a></li>
<li class="list-group-item"><b>LinkedIn: </b><a href="https://linkedin.com/in/stevenchen8"><i>linkedin.com/in/stevenchen8</i></a></li>
<li class="list-group-item"><b>Location:</b> Atlanta, Georgia</li>
</ul>
</div>
</div>
<div class="col-sm-8" style="padding-bottom: 3%;">
<div class="row" style="padding: 3% 3% 3% 3%;">
<p>
Hi! I'm <strong>Steven Chen</strong>. I am a Software Engineer at <b>Meta</b> working on <b>Automated Privacy Detection and Coverage</b>.
</p>
<p>
I recieved my my bachelors in <b>Computer Science</b> from <b>Georgia Institute of Technology</b>, concentrating in <i>devices</i> and <i>media</i>.
</p>
<p>
Some of my interests include <b>IoT</b>, <b>fintech</b>, and <b>aerospace</b>! I enjoy working in the backend and exploring new technologies. I am facinated by home automation, connected devices, and seeing how software can transform industries and ways of thinking!
</p>
<p>
In my spare time, you can find me tinkering with a Raspberry Pi, planning my next trip abroad, messing around home automation/networks, playing guitar and piano, or hiking and exploring the outdoors!
</p>
</div>
<h5>Skills</h5>
<span>Python</span><span class="float-right">85%</span>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 85%; background-color: grey;" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<br>
<span>Java</span><span class="float-right">80%</span>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 80%; background-color: grey;" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<br>
<span>JavaScript</span><span class="float-right">65%</span>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 65%; background-color: grey;" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<br>
<span>HTML</span><span class="float-right">60%</span>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 60%; background-color: grey;" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<br>
<span>React</span><span class="float-right">50%</span>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 50%; background-color: grey;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<br>
<br>
<br>
<!-- Resume -->
<!-- TODO: Fix text alignment, fix bullet point alignmnet, add download resume button -->
<div id="experience">
<div class="container">
<div class="row title-name">
<div style="margin-left: auto; margin-right: auto;">
<b style="font-size: 1.51em">Experience</b>
</div>
</div>
<br>
<div class="row">
<div class="col-lg-6">
<div class="resume-summary">
<h3><b>Work Experience</b></h3>
</div>
<div class="resume-work">
<h5>Meta (Facebook)</h5>
<span><i>New York City, New York</i></span><span class="float-right">Aug 2022 - Present</span>
<p>Software Engineer</p>
<p>
<ul>
<li>Working on Privacy Review Coverage.</li>
</ul>
</p>
</div>
<div class="resume-work">
<h5>Amazon</h5>
<span><i>Sunnyvale, California | Virtual</i></span><span class="float-right">May 2021 - Jul 2021</span>
<p>Software Engineering Intern</p>
<p>
<ul>
<li>Designed and developed AI multi-arm bandit solution to optimize video titles shown to customers.</li>
<li>Wrote runtime code in Java to collect user metrics and teach AI to select video titles.</li>
<li>Integrated DynamoDB, various AWS services, and Python based data pipeline to aggregate, sort, simplify, and store user metrics offline.</li>
<li>Deployed project to internal testing and experimentation services.</li>
</ul>
</p>
</div>
<div class="resume-work">
<h5>Meta (Facebook)</h5>
<span><i>Menlo Park, California | Virtual</i></span><span class="float-right">Jan 2021 - Mar 2021</span>
<p>Software Engineering Intern</p>
<p>
<ul>
<li>Consolidated multiple work streams into an adaptive work stream for users to remediate privacy violations.</li>
<li>Generated ~2,500 tasks monthly with custom, dynamic remediation forms based on database table properties.</li>
<li>Verified input and automatically fixed tables based on form input saving engineers ~1,300 hours each month.</li>
<li>Added logging for 100% of the process to satisfy FTC audit requirements.</li>
</ul>
</p>
</div>
<div class="resume-work">
<h5>Travelers Insurance</h5>
<span><i>Hartford, Connecticut | Virtual</i></span><span class="float-right">Jun 2020 - Aug 2020</span>
<p>Software | TLDP Intern</p>
<p>
<ul>
<li>Created adapter to standardize output from external software allowing for trivial modification of future code.</li>
<li>Automated data entry by parsing Excel and PDF files and extracting information saving ~50 hours each month.</li>
<li>Fixed bugs in Vue.js and reorganized UI components leading to ~15% reduction in bugs/complaints filed.</li>
<li>Leveraged QlikView to create dashboard for quick data viewing.</li>
<li>Wrote unit tests with Jest and increased team code coverage from 70% to over 95%.</li>
<li>Researched and created prototype of optical character recognition (OCR) solution to extract text from documents.</li>
<li>Communicated with multiple analysts to gather data for team.</li>
</ul>
</p>
</div>
<div class="resume-work">
<h5>Itential</h5>
<span><i>Atlanta, Georgia</i></span><span class="float-right">May 2019 - Aug 2019</span>
<p>Software Engineering Intern</p>
<p>
<ul>
<li>Created Bash script that automated filesystem setup and product configuration saving ~30 min per deployment.</li>
<li>Implemented metrics API endpoint with Prometheus for scraping for data visualization of product performance.</li>
<li>Fixed UI and backend bugs ranging from text parsing, Regex, Python pipelines, and React.</li>
<li>Utilized Vagrant and VirtualBox VMs to quality test and certify product.</li>
</ul>
</p>
</div>
</div>
<div class='col-lg-6'>
<div class="resume-summary">
<h3><b>Education</b></h3>
</div>
<div class="resume-education">
<h5>Georgia Institute of Technology</h5>
<span><i>Atlanta, Georgia</i></span><span class="float-right">2018 - 2022</span>
<p>
<ul>
<li>BS Computer Science</li>
<li>Concentration in Devices and Media</li>
<li>GPA: 3.84</li>
</ul>
</p>
</div>
<div class="resume-education">
<h5>Georgia Tech Lorraine | Study Abroad</h5>
<span><i>Metz, France</i></span><span class="float-right">Jan 2020 - May 2020</span>
</div>
<br>
<div class="resume-summary">
<h3><b>Organizations</b></h3>
</div>
<div class="resume-org">
<h5>The Makery</h5>
<span><i>Georgia Tech</i></span><span class="float-right">Aug 2018 - Present</span>
<p style="margin: 0;"><span><i>Executive Board</i></span><span class="float-right">Aug 2020 - Present</span></p>
<p><span><i>Vice President</i></span><span class="float-right">Aug 2019 - Dec 2019</span></p>
<p>
<ul>
<li>Lead and organize project meetings on robotics and software integration</li>
<li>Organize and plan workshops on Arduinos/electronics for over 20 members</li>
<li>Create operating budget with exec board</li>
<li>Act as liaison between club and school’s student organization board</li>
</ul>
</p>
</div>
<div class="resume-org">
<h5>Bits of Good - Hack4Impact</h5>
<span><i>Georgia Tech</i></span><span class="float-right">Aug 2020 - Present</span>
<p><span><i>Developer</i></span><span class="float-right">Aug 2020 - Present</span></p>
<p>
<ul>
<li>Develop web apps in Node.js for local non-profit organizations</li>
<li>Implemented MongoDB database to store events and promotions for local non-profit.</li>
</ul>
</p>
</div>
<div class="resume-org">
<h5>GT Greyhat</h5>
<span><i>Georgia Tech</i></span><span class="float-right">Aug 2018 - Present</span>
<p><span><i>Website Admin</i></span><span class="float-right">Aug 2019 - Dec 2019</span></p>
<p>
<ul>
<li>Maintain club website by updating HTML/CSS code on GitHub</li>
<li>Plan events and workshops on cybersecurity with exec board</li>
<li>Oversee digital registration of new members</li>
</ul>
</p>
</div>
</div>
</div>
</div>
</div>
<br>
<br>
<br>
<!-- Projects -->
<!-- TODO: Finish Section with Carosoul? -->
<div id="projects">
<div class="container">
<div class="row title-name">
<div style="margin-left: auto; margin-right: auto;">
<b style="font-size: 1.51em">Projects</b>
</div>
</div>
<br>
<div class="card shadow-lg">
<div class="card-body">
<div class="row" style="font-size: x-large;">
<div style="margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: auto;">
<b>Under Construction :)</b>
</div>
</div>
<div class="row" style="font-size: large;">
<div style="margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: auto;">
<b><p style="text-align: center;">Check out my Github to see my projects in the meantime!</b></p>
</div>
</div>
<div class="row" style="font-size: large;">
<div style="margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: auto;">
<a href="https://github.com/schen2425"><i class="fab fa-github-square" style="font-size: 5em;"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<br>
<br>
<br>
<!-- Contact -->
<!-- TODO: Make boxes look prettier, adblock blocks icons -->
<div id="contact">
<div class="container">
<div class="row title-name">
<div style="margin-left: auto; margin-right: auto;">
<b style="font-size: 1.51em">Contact Me</b>
</div>
</div>
<br>
<div class="row justify-content-center">
<div class="col-md-12">
<div class="card shadow-lg">
<div class="row social-media">
<a href="https://github.com/schen2425"><i class="fab fa-github" style="font-size: 3em;"></i></a>
<a href="https://linkedin.com/in/stevenchen8"><i class="fab fa-linkedin-in" aria-hidden="true" style="font-size: 3em;"></i></a>
<a href="https://gitlab.com/schen2425"><i class="fab fa-gitlab" style="font-size: 3em;"></i></a>
<a href="https://www.facebook.com/profile.php?id=100007493820402"><i class="fab fa-facebook" aria-hidden="true" style="font-size: 3em;"></i></a>
<a href="https://www.instagram.com/steven_chen8/"><i class="fab fa-instagram" style="font-size: 3em;"></i></a>
</div>
<p></p>
<div class="row justify-content-center">
<h3>
Social Profiles
</h3>
</div>
</div>
</div>
</div>
<br>
<div class="row justify-content-center">
<div class="col-sm-6">
<div class="card shadow-lg" style="text-align: center;">
<a href="mailto:con%74%61cts%74eve%6ech%65n@%67mail%2Eco%6D"><i class="far fa-envelope" style="font-size: 3em;"></i></a>
<a href="mailto:con%74%61cts%74eve%6ech%65n@%67mail%2Eco%6D"><b>Email Me!</b></a>
<a href="mailto:con%74%61cts%74eve%6ech%65n@%67mail%2Eco%6D"><b>contactStevenChen@gmail.com</b></a>
</div>
</div>
<div class="col-sm-6">
<div class="card shadow-lg" style="text-align: center;">
<a href="./assets/files/Steven_Chen_Resume.pdf" title="Resume" style="font-size: 3em"><i class="far fa-file-alt"></i></a>
<a href="./assets/files/Steven_Chen_Resume.pdf"><b>Click to download my Resume!</b></a>
</div>
</div>
</div>
</div>
</div>
<br>
<br>
<br>
<!-- Footer -->
<footer>
<p>
© 2023 Steven Chen. All Rights Reserved
</p>
<p>
Website created from scratch by Me! :)
</p>
</footer>
<!-- Required Scripts -->
<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<script src="assets/scripts/main.js"></script>
</body>
</html>