-
Notifications
You must be signed in to change notification settings - Fork 0
/
resume.html
151 lines (142 loc) · 7.7 KB
/
resume.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Alyssa Wang -- Resumé </title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
crossorigin="anonymous">
<link rel="stylesheet" href="stylesheets/resume.css">
<link rel="stylesheet" href="stylesheets/flip-card.css">
</head>
<body>
<nav class="navbar navbar-expand-md fixed-top">
<!-- <a class="navbar-brand" href="index.html">Logo</a>-->
<!-- <button class="navbar-toggler navbar-dark" type="button" data-toggle="collapse" data-target="#main-navigation">-->
<!-- <span class="navbar-toggler-icon"></span>-->
<!-- </button>-->
<div class="collapse navbar-collapse" id="main-navigation">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li> -->
<li class="nav-item">
<a class="nav-link" href="projects.html">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="resume.html">Resumé</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li> -->
</ul>
</div>
</nav>
<div class="container">
<div id="container">
<div id="sidebar">
<div id="sidebar-content">
<div class="typewriter">
<h1> RESUMÉ </h1>
</div>
<a href="resume.pdf" target="_blank"> PRINT </a>
</div>
</div>
<div id="content">
<div id="main-content">
<div class="item-list-cap1"></div>
<div class="item-container1 flip-card">
<div class="flip-card-inner">
<div class="item1 container item-focus flip-card-front">
<h2> SWE @ MITRE </h2>
</div>
<div class="item1 container item-focus flip-card-back">
<p style="color: #F76C6C"> Working on data visualizations for a COVID-19 plasma donation outreach effort. </p>
<p style="color: #F76C6C"> Completed an experimental machine learning model for future planning and a
web UI for a cancer research database search engine with ETL backend.</p>
<p style="color: #F76C6C"> JavaScript, Python, Java, Kusto, SQL, ReactJS, Material UI, ElasticSearch, Power BI,
Electron, Tensorflow Keras </p>
</div>
</div>
</div>
<div class="item-container2 flip-card">
<div class="flip-card-inner">
<div class="item2 container item-focus flip-card-front">
<h2 style="padding: 20px"> RESEARCH ASSISTANT @ WILLIAMS COLLEGE </h2>
<h5> PROF. IRIS HOWLEY | HCI </h5>
</div>
<div class="item2 container item-focus flip-card-back">
<p style="color: #F76C6C"> Prototyped a web app to analyze Bayesian Knowledge Tracing as an
effective method for evaluating learning. </p>
<p style="color: #F76C6C"> App features multiple dashboards: Admins can CRUD questions and answers, Users can
answer questions, and after submitting a quiz, both are able to see a BKT results
dashboard indicating level of learning achieved. </p>
<p style="color: #F76C6C"> TypeScript, Angular, FireStore </p>
</div>
</div>
</div>
<div class="item-container1 flip-card">
<div class="flip-card-inner">
<div class="item1 container item-focus flip-card-front">
<h2> SWE INTERN @ GOOGLE </h2>
<h5> ANGULAR </h5>
</div>
<div class="item1 container item-focus flip-card-back">
<p style="color: #F76C6C"> Implemented filters, optimized data retrieval/storage, and added
UI updates to the Caretaker Dashboard. </p>
<p style="color: #F76C6C"> Provided advanced functionality for the Caretaker (internal);
streamlined the Caretaking process on Angular. </p>
<p style="color: #F76C6C"> TypeScript, Angular, Github API, NgRx, RxJS </p>
</div>
</div>
</div>
<div class="item-container2 flip-card">
<div class="flip-card-inner">
<div class="item2 container item-focus flip-card-front">
<h2> EP INTERN @ GOOGLE </h2>
<h5> LOCAL SEARCH UI </h5>
</div>
<div class="item2 container item-focus flip-card-back">
<p style="color: #F76C6C"> Introduced user moderation voting and pending edit interaction
to desktop Google Search. </p>
<p style="color: #F76C6C"> Increased rates of location edit approval; provides additional
feedback to users. </p>
<p style="color: #F76C6C"> Impact: 37k additional votes/week (previously none). </p>
<p style="color: #F76C6C"> JavaScript, React, JSLayouts, protocol buffers </p>
</div>
</div>
</div>
<div class="item-container1 flip-card">
<div class="flip-card-inner">
<div class="item1 container item-focus flip-card-front">
<h2> EP INTERN @ GOOGLE </h2>
<h5> CHROME METRICS </h5>
</div>
<div class="item1 container item-focus flip-card-back">
<p style="color: #F76C6C"> Created regression graphs (ranked) and optimized algorithms on
the Chrome developer timeline dashboard. </p>
<p style="color: #F76C6C"> Allows Chrome/Android developers to find regressions; led to
simplified detection of causes of unusual metrics. </p>
<p style="color: #F76C6C"> JavaScript, Python, Google Visualizations, Polymer </p>
</div>
</div>
</div>
<div class="item-list-cap1"></div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
crossorigin="anonymous"></script>
<script src="behavior/style-switcher.js"></script>
</body>
</html>