-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
211 lines (211 loc) · 15.7 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Jonas Zhang</title>
<link rel="icon" type="image/x-icon" href="assets/img/blackhole.png"/> <!--By Roundicons-->
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v6.1.0/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
<a class="navbar-brand js-scroll-trigger" href="#page-top">
<span class="d-block d-lg-none">Jonas Zhang</span>
<span class="d-none d-lg-block"><img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="assets/img/profile.png" alt="..." /></span>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#about">About</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#experiences">Experiences</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#projects">Projects</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#education">Education</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#skills">Skills</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#interests">Interests</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#awards">Achievements</a></li>
</ul>
</div>
</nav>
<!-- Page Content-->
<div class="container-fluid p-0">
<!-- About-->
<section class="resume-section" id="about">
<div class="resume-section-content">
<h1 class="mb-0">
Jonas
<span class="text-primary">Zhang</span>
</h1>
<div class="subheading mb-5">
Goleta, CA 93117 · (805) 570-7511 ·
<a href="huiyuzhang@ucsb.edu">huiyuzhang@ucsb.edu</a>
</div>
<p class="lead mb-5">I am a graduating senior double major in Computer Science and Global Studies in UC Santa Barbara with multiple related professional experiences as well as technical projects. Excellent performance in both academic and industrial environments. Actively looking for new-grad positions in software field.</p>
<div class="social-icons">
<a class="social-icon" href="https://www.linkedin.com/in/jonaszh/"><i class="fab fa-linkedin-in"></i></a>
<a class="social-icon" href="https://github.com/ScudBt"><i class="fab fa-github"></i></a>
</div>
</div>
</section>
<hr class="m-0" />
<!-- Experiences-->
<section class="resume-section" id="experiences">
<div class="resume-section-content">
<h2 class="mb-5">Experiences</h2>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Software/Data Engineering Internship</h3>
<div class="subheading mb-3">Bill.com</div>
<p>Delivered recommendations to business users whether to invest in specific industries for given business archetypes, supported by data engineering and stats analyses, provided transaction histories from small businesses. <br>
 • Constructed corporate database of ≈ 3GB, 10 million transaction records using SQLite and PostgreSQL, and optimized database performance with data cleansing and transformation. <br>
 • Applied regression, SARIMA, K-Means clustering, and subscription analyses to partitions of the dataset to generate weighted recommendations according to growth potential and consistency. <br>
 • Visualized data & analyses results with matplotlib & Jupyter Notebook; further enriched chronology details with Grafana, added 3-D models of business pair hierarchies with Neo4J, listed paneled & clickable views with Tableau. <br>
 • Utilized GPU to accelerate PyTorch computations with CUDA 11.3, gaining 10x ML speed.</p>
</div>
<div class="flex-shrink-0"><span class="text-primary">Sept. 2021 – June 2021</span></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Undergrad TA</h3>
<div class="subheading mb-3">Dept. of Computer Science, UCSB</div>
<p>Led weekly discussion sessions for Problem Solving I & II (CS16 & 24) to reinforce concepts on C++ syntax, data structures & algorithms, and OOD; organized office hours to answer students’ academic and career questions.</p>
</div>
<div class="flex-shrink-0"><span class="text-primary">Sept. 2019 – Mar. 2020</span></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Software Developer</h3>
<div class="subheading mb-3">Dept. of IT, College of Letters and Science, UCSB</div>
<p> • Created a full stack course-planning web-app with Spring Boot for dept. advisors to plan future course schedules. <br>
 • Deployed the app online with Heroku for advisors to login, search, list, etc. proposed course schedule templates.</p>
</div>
<div class="flex-shrink-0"><span class="text-primary">Sept. 2020 – Dec. 2020</span></div>
</div>
</div>
</section>
<hr class="m-0" />
<!-- Projects-->
<section class="resume-section" id="projects">
<div class="resume-section-content">
<h2 class="mb-5">Projects</h2>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Natural Language Processing on Amazon Gaming Reviews</h3>
<a href="https://github.com/ScudBt-CS165/pa1">https://github.com/ScudBt-CS165/pa1</a>
<p></p>
<p>Designed a Naïve Bayes Classifier in C++ that classifies comments from Amazon gaming category as positive/negative. <br>
 • Trained & tested the classifier from ≈ 100k records web-crawled using Python, which achieved 85% accuracy. <br>
 • Increased accuracy to 89% by implementing bigram & trigram, word stemming, concatenation, and stop-word removal with TensorFlow and Stats formulas, then applied a weight function to generate composite probabilities.</p>
</div>
<div class="flex-shrink-0"><span class="text-primary">Sept. 2020 – Dec. 2020</span></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">React JS based NBA Player Shooting Visualization</h3> <p></p>
<p>Visualized NBA players’ shooting data as dashboards of charts and profiles with React, D3 and Ant Design. <br>
 • Created a frequency-based filter with hex-bin and scatter themes to improve visibility and aesthetics of the charts. <br>
 • Developed an autocomplete search bar that reads different player attributes to improve finding efficiency.</p>
</div>
<div class="flex-shrink-0"><span class="text-primary">June 2019 – Sept. 2019</span></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">SQLite and Python Based Flight Booking Service</h3>
<p></p>
<p> • Designed an SQLite database with 7 tables to record customer identity and information on their booked flights. <br>
 • Constructed the Python backend connecting the database to a CLI for customers to search, book, cancel etc. flights. <br>
 • Guaranteed ACID properties using SQL transactions, particularly race conditions caused by concurrent execution.</p>
</div>
<div class="flex-shrink-0"><span class="text-primary">Sept. 2021 – Dec. 2021</span></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Map-based Android Social App with Geo-tagged Photo Sharing</h3>
<a href="https://github.com/ScudBt-CS184/Project_GeoPics">https://github.com/ScudBt-CS184/Project_GeoPics</a>
<p></p>
<p>Designed and deployed from scratch a geography-based Android social app, which enables users to share, browse, and comment on each other's geo-tagged photos & thoughts based on their current location.</p>
</div>
<div class="flex-shrink-0"><span class="text-primary">Mar. 2022 – June 2022</span></div>
</div>
</div>
</section>
<hr class="m-0" />
<!-- Education-->
<section class="resume-section" id="education">
<div class="resume-section-content">
<h2 class="mb-5">Education</h2>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">University of California, Santa Barbara</h3>
<p></p>
<div class="subheading mb-3">Bachelor of Science, Computer Science</div>
<p>Major GPA: 3.96</p>
<p>Coursework: Human-Computer Interaction, Artificial Intelligence, Data Structure & Algorithm, Computer Architecture, Computational Science, Web Development, Computer Network, Database System, Compiler, Automation Theory, Android Design, Computer System, Object-Oriented Design</p>
<div class="subheading mb-3">Bachelor of Art, Global Studies</div>
<p>Major GPA: 3.9</p>
<p>Coursework: World History, Mircoeconomics, Macroeconomics, Developmental Economics, Global Ideologies, Global Diasporas, Global Peace & Conflict, Chinese Americans, American Religions, Anthropology of Food</p>
<div class="subheading mb-3">Honors</div>
<p>College of Engineering Honors Program, Distinction in Major Program – Capstone Project Track,
Dean’s Honors at CLS & CoE * 11 times, Magna Cum Laude (expected)</p>
<div class="subheading mb-3">Overall GPA: 3.91</div>
</div>
<div class="flex-shrink-0"><span class="text-primary">Aug. 2018 - Dec. 2022</span></div>
</div>
</div>
</section>
<hr class="m-0" />
<!-- Skills-->
<section class="resume-section" id="skills">
<div class="resume-section-content">
<h2 class="mb-5">Skills</h2>
<div class="subheading mb-3">Programming Languages</div>
<p>Java, C/C++, Python, JavaScript, SQL, Assembly, Kotlin</p>
<div class="subheading mb-3">Frontend</div>
<p>React, HTML&CSS, Java Servlet, Node.js</p>
<div class="subheading mb-3">Databases</div>
<p>PostgreSQL, MySQL, MongoDB, SQLite, Firebase</p>
<div class="subheading mb-3">Developing Environment</div>
<p>AWS, Android Studio, Java EE, Anaconda, Google Colab</p>
<div class="subheading mb-3">Frameworks & Libraries</div>
<p>Spring, Spring Boot, PyTorch</p>
<div class="subheading mb-3">Visualization</div>
<p>Tableau, Neo4J, Grafana</p>
</div>
</section>
<hr class="m-0" />
<!-- Interests-->
<section class="resume-section" id="interests">
<div class="resume-section-content">
<h2 class="mb-5">Interests</h2>
<p>Apart from being a software engineer, I enjoy playing video games, especially strategic games from Paradox like Victoria 2, Stellaris, and City: Skylines. Besides being with computers, I love cooking with recipes from different countries as well as checking out new restaurants.</p>
<p class="mb-0">I spend a large amount of my free time exploring the latest technology advancements and reading news from all world regions.</p>
</div>
</section>
<hr class="m-0" />
<!-- Awards-->
<section class="resume-section" id="awards">
<div class="resume-section-content">
<h2 class="mb-5">Achievements</h2>
<ul class="fa-ul mb-0">
<li>
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
Certification - Google Cloud Digital Leader (July 22 - July 25)
</li>
</ul>
</div>
</section>
</div>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>