-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
382 lines (290 loc) · 17.2 KB
/
index.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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Carly Chen</title>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;500;600;700;800;900&family=Ubuntu&display=swap" rel="stylesheet">
<!-- CSS Stylesheets -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="css/styles.css">
<!-- Font Awesome -->
<script src="https://kit.fontawesome.com/0811f36181.js" crossorigin="anonymous"></script>
<!-- Bootstrap Scripts -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</head>
<body>
<section class="colored-section" id="title">
<div class="container-fluid">
<!-- Nav Bar -->
<nav class="navbar navbar-expand-lg navbar-dark">
<a class="navbar-brand" href="">Carly</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#education">Education</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#work">Profession</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#project">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#skills">Skills</a>
</li>
</ul>
</div>
</nav>
<!-- Title -->
<div class="row">
<div class="profile col-lg-6">
<h1 class="big-heading">I am Carly.</h1>
<!-- <h3 class="aprogrammer"> -->
<h6 class="about">A graduate student majoring in Computer Science at Northeastern University. </h6>
<h6 class="about">With three years of experience as a Data Analyst at Bloomberg, I bring expertise in the Financial market and excellent problem-solving capabilities and communication skills. </h6>
<!-- <h6 class="about">Adaptable and collaborative, I thrive in fast-paced environments and deliver innovative solutions. </h6> -->
<h6 class="about">I am actively looking for internships in Software Engineering / Quantitative Finance.</h6>
</div>
<div class="profile col-lg-6">
<img class="profile-image" src="images/carly3-modified.png" alt="profile-image">
</div>
</div>
</div>
</section>
<!-- Education -->
<section class="white-section" id="education">
<div class="container-fluid">
<h2>Education</h2>
<div class="row">
<div class="education-box col-lg-6">
<img class="education-image" src="images/neu.png" alt="education-image">
</div>
<div class="education-box col-lg-6">
<h4 class="education-school">Northeastern Univeristy</h4>
<p class="education-text">
<b>GPA: 4.0 / 4.0 </b><br>
Master of Computer Science<br>
Object-Oriented Design, Data Structures, Algorithms<br>
Mobile App Development, Data Management</p>
</div>
</div>
<div class="row">
<div class="education-box col-lg-6">
<img class="education-image" src="images/saif.png" alt="education-image">
</div>
<div class="education-box col-lg-6">
<h4 class="education-school">Shanghai Advanced Institute of Finance</h4>
<p class="education-text">
<b>GPA: 3.8 / 4.0</b><br>
Master of Finance<br>
Class President</p>
</div>
</div>
<div class="row">
<div class="education-box col-lg-6">
<img class="education-image" src="images/sjtu.png" alt="education-image">
</div>
<div class="education-box col-lg-6">
<h4 class="education-school">Shanghai Jiao Tong University</h4>
<p class="education-text">
<b>GPA: 3.7 / 4.0 </b><br>
Bachelor’s Degree in Economics<br>
Antai College of Economics and Management</p>
</div>
</div>
<div class="row">
<div class="education-box col-lg-6">
<img class="education-image" src="images/mcgill.png" alt="education-image">
</div>
<div class="education-box col-lg-6">
<h4 class="education-school">McGill University</h4>
<p class="education-text">
Exchange<br>
Desautels Faculty of Management<br>
<b>Full scholarship</b><br>
from China Scholarship Committee</p>
</div>
</div>
</div>
</section>
<!-- Work -->
<section class="colored-section" id="work">
<div class="container-fluid">
<h2>Professional Experience</h2>
<div id="work-carousel" class="carousel slide" data-ride="false">
<div class="carousel-inner role="listbox" style=" width:100%; height: 600px !important;">
<div class="carousel-item active container-fluid">
<h3 class="company-name">Klaviyo Inc.</h3>
<h4 class="title">Software Engineering Intern</h4>
<p class="work-text">1. Implemented application reviews for Klaviyo integrations to improve user experience and feedback collection. <br>
<br>2. Developed and integrated dynamic front-end components using React and Typescript, supported filtering applications by rating and reviews content moderation. <br>
<br>3. Used Python and Django to create robust back-end support for querying application ratings, review counts and detailed reviews. <br>
</p>
<img class="company-image" src="images/klaviyo.png" alt="looks-image">
</div>
<div class="carousel-item container-fluid">
<h3 class="company-name">Analog Devices Inc.</h3>
<h4 class="title">Software Engineering Intern</h4>
<p class="work-text">1. Developed a multi-robot delivery system simulation using ROS 2 and Open Robotics Middleware Framework (Open-RMF), enabling optimized path planning and obstacle avoidance for beverage delivery to employees. <br>
<br>2. Conducted in-depth analysis of traffic management implementations within the project, navigating 5+ packages and 30+ classes. <br>
<br>3. Enhanced robot task sequencing by customizing the finishing request implementation to differentiate between charging and parking, using C++ and Python to automate parking requests following charging. <br>
</p>
<img class="company-image" src="images/ADI.png" alt="looks-image">
</div>
<div class="carousel-item container-fluid">
<h3 class="company-name">Looks Inc.</h3>
<h4 class="title">Software Engineering Intern</h4>
<p class="work-text">1. Implemented search feature for company website using React to boost user engagement and shopping <br>
<br>2. Used GraphQL to query search results including users, brands, tags, styles, and items from DynamoDB and displayed them on the result page. <br>
<br>3. Ensured efficient data processing by cleaning up over 500,000 lines of items data from retailers and creating Lambda function to continuously retrieve latest data on AWS. <br>
</p>
<img class="company-image" src="images/looks.png" alt="looks-image">
</div>
<div class="carousel-item container-fluid">
<h3 class="company-name">Bloomberg L.P.</h3>
<h4 class="title">Advanced Fixed Income Analyst | Full-time</h4>
<p class="work-text">1. Leveraged on Bloomberg Query Language (BQL) to get access to Bloomberg Financial Database and to construct excel templates, compiling and analyzing market data over 5,000 fixed income instruments. Hosted webinars to demonstrate and pitch the template to clients across 10+ countries<br>
<br>2. Worked with product managers and engineers to testify product issues and implement enhancements to benefit more than 5,800 users. Initiated and organized global campaigns to pitch solutions, adopted by 6,500+ users <br>
<br>3. Ranked top 5% among all analysts in APAC with 97% quality control score, 100% customer satisfaction rate and 54% higher efficiency than peers
</p>
<img class="company-image" src="images/bbg.png" alt="bbg-image">
</div>
<div class="carousel-item container-fluid">
<h3 class="company-name">Power Pacific Corporation Limited</h3>
<h4 class="title">Equity Analyst | Intern</h4>
<p class="work-text">1. Conducted independent and in-depth fundamental research over an onshore Airport company<br>
2. Established Discounted Cashflow and comparative valuation models with top-down analysis and growth assumptions<br>
3. Proposed buy recommendation and presented investment theses to the investment committee
</p>
<img class="company-image" src="images/ppcl.png" alt="cicc-image">
</div>
<div class="carousel-item container-fluid">
<h3 class="company-name"> China International Capital Corporation Limited</h3>
<h4 class="title">Investment Banking Analyst | Intern</h4>
<p class="work-text">1. Reported to three Associates and two Vice Presidents in the project team <br>
2. Helped execute a HK$ 8.9 trillion restructure of an Agriculture SOE Group <br>
3. Analyzed benefits and costs of four potential transaction strategies
</p>
<img class="company-image" src="images/cicc.png" alt="ppcl-image">
</div>
</div>
<a class="carousel-control-prev" href="#work-carousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#work-carousel" role="button" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
</div>
</div>
</section>
<!-- Projects -->
<section class="colored-section" id="project">
<div class="container-fluid">
<h2 class="projectText">Projects</h2>
<div id="project-carousel" class="carousel slide" data-ride="false">
<div class="carousel-inner" role="listbox" style=" width:100%; height: 600px !important;">
<div class="carousel-item active container-fluid">
<h3><a class="company-name projectTitle" href="https://github.com/CarlyyyChen/UniVerse.git">UniVerse</a></h3>
<h4 class="title projectText">A Social Media & Community Mobile Application</h4>
<p class="work-text projectText">1. Designed and developed a social media and community application using Java/Android Studio. The application allows users to manage their profile, post, explore and save local events, follow other users and chat with them <br>
<br>2. Designed the User Interface in xml with 10 different screens and 15+ fragments. Utilized Firebase Authentication to support both email/password login and Google Account sign-in <br>
<br>3. Built the back end on Google Firebase, including four collections. Major collections are users and events. Created another chats collection for each user, and messages collection for each chat document to support the chat feature<br>
<br>4. Implemented CameraX for users to take photo. Also built adapters for sharing events and location to support corresponding features
</p>
</div>
<div class="carousel-item container-fluid">
<h3 ><a class="company-name projectTitle" href="https://github.com/CarlyyyChen/Blog.git">Personal Blog Website </a></h3>
<h4 class="title projectText">MongoDB, Express, Node.js, React</h4>
<p class="work-text projectText">1. Designed and built a full-stack blogging platform allowing traveling enthusiasts to share, visit and comment on posts of travel logs<br>
<br>2. Implemented RESTful API providing backend service with Express framework on Node.js<br>
<br>3. Ensured user information and image data storage with MongoDB and its accessibility via Mongoose
</p>
</div>
<div class="carousel-item container-fluid">
<h3 class="company-name projectText" >Budgeting Application </h3>
<h4 class="title projectText">Java, Spring Boot, React</h4>
<p class="work-text projectText">1.Developed a budgeting application allowing users to track their expenses and incomes<br>
<br>2. Built the front end using React. Constructed the back end using Spring Boot and connected with MySQL database with Hibernate<br>
<br>3. Implemented REST API to support the Get, Put, Post and Delete methods<br>
</p>
</div>
<div class="carousel-item container-fluid">
<h3><a class="company-name projectTitle" href="https://github.com/CarlyyyChen/JavaPhotoAlbum.git">Photo Album Application</a> </h3>
<h4 class="title projectText">Java, Java Swing</h4>
<p class="work-text projectText">1. Developed a photo album application using Java Swing for the Graphical User Interface and the MVC design pattern for the underlying architecture. <br>
<br>2. Implemented features such as images/shapes creation, viewing, tagging, editing, taking, and naming snapshots, and organizing photos into albums <br>
</p>
</div>
<div class="carousel-item container-fluid">
<h3 class="company-name projectText">Stock Trading Data Analytics</h3>
<h4 class="title projectText">Python</h4>
<p class="work-text projectText">1. • Utilized Pandas, Numpy and Matplotlib to process data for stock trading volume and absolute return over 1,351 samples in Chinese stock market. Ran regression with dummy variables for the existence of suspension. <br>
<br>2. Concluded that suspension itself will cause 1916.50% higher absolute return and 326.86% higher trading volume<br>
</p>
</div>
</div>
<a class="carousel-control-prev" href="#project-carousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#project-carousel" role="button" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
</div>
</div>
</section>
<!-- Skills -->
<section class="white-section" id="skills">
<div class="container-fluid">
<h2>Skills</h2>
<div class="row">
<div class="skill-box col-lg-4">
<img class="skill-icon" src="images/code.png" alt="coding-icon">
<h3 class="skill-title">Programming languages</h3>
<p>Java, Python, C Language, R, SQL, HTML, CSS, JavaScript, TypeScript</p>
</div>
<div class="skill-box col-lg-4">
<img class="skill-icon" src="images/certificate.png" alt="certificate-icon">
<h3 class="skill-title">Framwork & Tools</h3>
<p>AWS, Firebase, Git, Github, MongoDB, Node.js, Express.js, React, Postman</p>
</div>
<div class="skill-box col-lg-4">
<img class="skill-icon" src="images/languages.png" alt="language-icon">
<h3 class="skill-title">Languages</h3>
<p>Native in Mandarin, Fluent in English</p>
</div>
</div>
</section>
<!-- Contact -->
<section class="white-section" id="contact">
<div class="container-fluid">
<h2>Get In Touch</h2>
<br>
<p>email: [email protected]</p>
<br>
<a class="btn-contactme" href="mailto:[email protected]">CONTACT ME</a>
<br>
</div>
<!-- Footer -->
<footer class="colored-section" id="footer">
<a class="footer-link" href="https://www.linkedin.com/in/huanyue-chen/">
<i class="social-icon fa-brands fa-linkedin fa-lg"></i>
</a>
<a class="footer-link" href="https://www.instagram.com/carlyyychen/">
<i class="social-icon fab fa-instagram fa-lg"></i>
</a>
<a href="mailto:[email protected]">
<i class="social-icon fas fa-envelope fa-lg"></i>
</a>
<p>© Copyright 2023 Carly Chen</p>
</footer>
</body>
</html>