-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathportfolio.html
More file actions
348 lines (313 loc) · 16.5 KB
/
Copy pathportfolio.html
File metadata and controls
348 lines (313 loc) · 16.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Zhiying's Personal Website</title>
<link rel="icon" href="assets/images/favicon.ico">
<!-- fonts -->
<link href="https://fonts.googleapis.com/css?family=Mukta:300,400,500,600,700&display=swap" rel="stylesheet">
<!-- font awesome -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
<script src="https://kit.fontawesome.com/c04e834b9d.js" crossorigin="anonymous"></script>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="assets/css/live-resume.css">
<!-- custom styling -->
<link rel="stylesheet" href="assets/css/styles.css">
<!-- Vendor Styles-->
<!-- <link rel="stylesheet" media="screen" href="assets/vendor/simplebar/dist/simplebar.min.css"/> -->
<!-- <link rel="stylesheet" media="screen" href="assets/vendor/tiny-slider/dist/tiny-slider.css"/> -->
<!-- Main Theme Styles + Bootstrap-->
<!-- <link rel="stylesheet" media="screen" href="assets/css/theme.min.css"> -->
</head>
<body>
<header>
<a class="btn btn-white btn-share ml-auto mr-3 ml-md-0 mr-md-auto" href="https://www.linkedin.com/in/zhiying-tang-4a9a25209/" target="_blank">
<img src="assets/images/share.svg" alt="share" class="btn-img">Connect
</a>
<nav class="collapsible-nav" id="collapsible-nav">
<a href="index.html" class="nav-link">HOME</a>
<a href="resume.html" class="nav-link">RESUME</a>
<a href="portfolio.html" class="nav-link active">PORTFOLIO</a>
<a href="contact.html" class="nav-link">CONTACT</a>
</nav>
<button class="btn btn-menu-toggle btn-white rounded-circle" data-toggle="collapsible-nav" data-target="collapsible-nav"><img src="assets/images/hamburger.svg" alt="hamburger"></button>
</header>
<div class="content-wrapper">
<aside>
<div class="profile-img-wrapper">
<img src="assets/images/profile.png" alt="profile">
</div>
<br>
<h1 class="profile-name">Zhiying Tang</h1>
<nav class="social-links">
<a href="https://www.linkedin.com/in/zhiying-tang-4a9a25209/" target="_blank" class="social-link"><i class="fab fa-linkedin"></i></a>
<a href="https://github.com/zhing22" target="_blank" class="social-link"><i class="fab fa-github"></i></a>
</nav>
<div class="widget">
<h5 class="widget-title">personal information</h5>
<div class="widget-content">
<p>PHONE : +65 88904881</p>
<p>EMAIL : tangzhiying@u.nus.edu</p>
<a href="assets/files/Zhiying.Resume.pdf" target="_blank">
<button class="btn btn-download-cv btn-primary rounded-pill mb-2">
<img src="assets/images/download.svg" alt="download" class="btn-img">Download CV</button></a>
</div>
</div>
<div class="widget card">
<div class="card-body">
<div class="widget-content">
<h5 class="widget-title card-title">EDUCATION</h5>
<p>National University of Singapore</p>
<p>School of Computing</p>
<p>CAP: 4.52 / 5.0</p>
</div>
</div>
</div>
<div class="widget card">
<div class="card-body">
<div class="widget-content">
<h5 class="widget-title card-title">Skills</h5>
<p>Java, Python, C</p>
<p>SQL, AWS</p>
<p>Javascript, CSS, HTML</p>
<p>SwiftUI, React Native</p>
</div>
</div>
</div>
</aside>
<main>
<h2 class="section-title">PORTFOLIO</h2>
<section id="portfolio" class="container">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#sde" role="tab" aria-controls="sde" aria-selected="true">Software Engineering</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="contact-tab" data-toggle="tab" href="#others" role="tab" aria-controls="others" aria-selected="false">Others</a>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<!-- SDE -->
<div class="tab-pane fade show active" id="sde" role="tabpanel" aria-labelledby="sde-tab">
<section class="portfolio-section">
<h2 class="section-title"> </h2>
<div class="portfolio-wrapper hover-box">
<!-- Start of new card -->
<div class="card card-flip">
<!-- front -->
<div class="card-front">
<div class="card-body">
<div class="row">
<img src="assets/images/dev.jpg" class="col-6 portfolio-image" alt="project">
<div class="col-6">
<h1 class="portfolio-item-title">Online Stocks Analysis Platform</h1>
<h5 class="text-muted">in progress</h5>
<hr>
<h3>Highlights</h3>
<p>Full-stack, Python, <br>
HTML, CSS, React.js, <br>
Django, Docker <br>
</p>
</div>
</div>
</div>
</div>
<!-- back -->
<div class="card-back bg-white">
<div class="card-body">
<h1 class="portfolio-item-title">Online Stocks Analysis Platform</h1>
<hr>
• Designed and built a full-stack online platform to search and view market stocks and analyse their correlation with the number of mentions on Reddit. <br>
• Set up server side backend using Python Django framework. <br>
• Utilized Alpaca Markets, PRAW, PSAW APIs to scrape and collect data such stock prices and Reddit submissions. <br>
• Utilized Docker to set up a virtual environment and manage dependencies. <br>
• Developing user interface using React. <br>
<br>
<hr>
<a href="https://github.com/valyippee/trading-app" target="_blank"><i class="fa fa-github-square fa-4x social social-gh"></i></a>
</a>
</div>
</div>
</div>
<!-- End of new card -->
<div class="card card-flip">
<!-- front -->
<div class="card-front">
<div class="card-body">
<!-- contents, row + img + words -->
<div class="row">
<img src="assets/images/SourceControl.png" class="col-6 portfolio-image" alt="project">
<div class="col-6">
<h1 class="portfolio-item-title">Students' Performance Analysis Helper</h1>
<h5 class="text-muted">Sep – Nov 2021</h5>
<hr>
<h3>Highlights</h3>
<p>Full-stack, Java, <br>
GitHub, Version Control, <br>
javaFX, JSON<br>
</p>
</div>
</div>
</div>
</div>
<!-- back -->
<div class="card-back bg-white">
<div class="card-body">
<!-- contents, row + img + words -->
<h1 class="portfolio-item-title">Application to Manage and Analyze student performance</h1>
<p class="portfolio-item-description">Group Project</p>
<hr>
• Developed a full-stack desktop application to help professors store comprehensive data of the student cohort, and provide multi-level data analysis of students’ performance. <br>
• Designed and implemented an interactive GUI using javaFX, and to display data analysis using various forms of graph and chart infographics. <br>
• Manipulated and managed database using JSON format. <br>
• Collaborated with a team of 5 members. Adopted various software engineering practices starting from identifying target user profile and value propositions, designing targeted features, organizing code using multi-level design,
and to writing user and developer guide.<br>
• Delivered new features and managed releases following Agile development practices.
Utilized GitHub for version control and project management. <br>
<hr><a href="https://github.com/AY2122S1-CS2103T-W08-2/tp" target="_blank"><i class="fa fa-github-square fa-4x social social-gh"></i></a>
<a href="https://ay2122s1-cs2103t-w08-2.github.io/tp/" target="_blank"><i class="fa fa-link fa-4x social social-gh"></i></a>
</div>
</div>
</div>
<div class="card card-flip">
<!-- front -->
<div class="card-front">
<div class="card-body">
<!-- contents, row + img + words -->
<div class="row">
<img src="assets/images/Titi.png" class="col-6 portfolio-image" alt="project">
<div class="col-6">
<h1 class="portfolio-item-title">Personalized Task Keeping Chatbot</h1>
<h5 class="text-muted">Aug – Sep 2021</h5>
<hr>
<h3>Highlights</h3>
<p>Full-stack, Java, <br>
GitHub, IDEs, <br>
javaFX<br>
</p>
</div>
</div>
</div>
</div>
<!-- back -->
<div class="card-back bg-white">
<div class="card-body">
<!-- contents, row + img + words -->
<h1 class="portfolio-item-title">Personalized Task Keeping Chatbot</h1>
<p class="portfolio-item-description">Individual Project</p>
<hr>
• Developed a full-stack desktop application using Java to allow users to keep track of upcoming tasks and deadlines. <br>
• Designed and implemented a simple GUI using javaFX.<br>
• Created JAR files using Gradle and made releases on GitHub. <br>
<hr>
<a href="https://github.com/zhing22/ip" target="_blank"><i class="fa fa-github-square fa-4x social social-gh"></i></a>
<a href="https://zhing22.github.io/ip/" target="_blank"><i class="fa fa-link fa-4x social social-gh"></i></a>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- Others -->
<div class="tab-pane fade" id="others" role="tabpanel" aria-labelledby="others-tab">
<section class="portfolio-section">
<h2 class="section-title"> </h2>
<div class="portfolio-wrapper hover-box">
<div class="card card-flip">
<!-- front -->
<div class="card-front">
<div class="card-body">
<!-- contents, row + img + words -->
<div class="row">
<img src="assets/images/cs2040s.png" class="col-6 portfolio-image" alt="project">
<div class="col-6">
<h1 class="portfolio-item-title"> Teaching Assistant <br>for Data Structures and Algorithms</h1>
<h5 class="text-muted">Jan – May 2022 </h5>
<hr>
<h3>Highlights</h3>
<p>Java, Algorithms, <br>
Data Structures, <br>
Public Speaking <br>
</p>
</div>
</div>
</div>
</div>
<!-- back -->
<div class="card-back bg-white">
<div class="card-body">
<!-- contents, row + img + words -->
<h1 class="portfolio-item-title"> Teaching Assistant </h1>
<p class="portfolio-item-description">National University of Singapore</p>
<p class="portfolio-item-description">CS2040S Data Structures and Algorithms</p>
<hr>
• Prepared and led weekly tutorial lessons, explained data structure and algorithm concept to students. <br>
• Graded and reviewed weekly coding assignments in Java. <br>
• Developed deeper understanding of the application of algorithms in real-life problems. <br>
</div>
</div>
</div>
<div class="card card-flip">
<!-- front -->
<div class="card-front">
<div class="card-body">
<!-- contents, row + img + words -->
<div class="row">
<img src="assets/images/beyond.png" class="col-6 portfolio-image" alt="project">
<div class="col-6">
<h1 class="portfolio-item-title">Service Learning Project Organizing Team</h1>
<h5 class="text-muted">May 2018 – June 2019</h5>
<hr>
<h3>Highlights</h3>
<p>Leadership, <br>
Coordination skills, <br>
Communication skills <br>
</p>
</div>
</div>
</div>
</div>
<!-- back -->
<div class="card-back bg-white">
<div class="card-body">
<!-- contents, row + img + words -->
<h1 class="portfolio-item-title"> Service Learning Project Organizing Team </h1>
<p class="portfolio-item-description">Beyond Social Services</p>
<hr>
• Organized weekly service learning sessions facilitating lessons for children with educational challenges. <br>
• Coordinated with beneficiary and the school to ensure smooth execution of events, planning of activities and managing volunteers. <br>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<hr>
</section>
<!-- Contact -->
<section class="container">
<div class="text-center center-block">
<p> Get in touch! </p>
<!-- <a href="https://www.facebook.com/profile.php?id=100002588962709" target="_blank"><i class="fa fa-facebook-square fa-3x social"></i></a> -->
<a href="https://www.linkedin.com/in/zhiying-tang-4a9a25209/" target="_blank"><i class="fa fa-linkedin-square fa-3x social"></i></a>
<a href="https://github.com/zhing22" target="_blank"><i class="fa fa-github-square fa-3x social"></i></a>
<a href="mailto:e0559633@u.nus.edu" target="_blank"><i class="fa fa-envelope-square fa-3x social"></i></a>
</div>
</section>
<footer>
<div class="font-size-sm text-center text-muted">© All rights reserved. Made by Zhiying and Zac</div>
</footer>
</main>
</div>
<!-- up button -->
<a class="top-link hide" href="" id="js-top"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6">
<path d="M12 6H0l6-6z" />
</svg> </a>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/live-resume.js"></script>
<script src="assets/js/custom.js"></script>
</body>
</html>