-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
282 lines (265 loc) · 12.2 KB
/
index.html
File metadata and controls
282 lines (265 loc) · 12.2 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
<!DOCTYPE HTML>
<!--
Strata by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>I'm Brian Sun</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
</head>
<body class="is-preload">
<!-- Header -->
<header id="header">
<div class="inner">
<a href="#" class="image avatar"><img src="images/thumbs/profile_photo.jpg" alt="" /></a>
<h1><strong>Hey there, I'm Brian Sun</strong></h1><br>Thank you for stopping by!</h1>
</div>
</header>
<!-- Main -->
<div id="main">
<!-- One -->
<section id="one">
<header class="major">
<h1>My Journey</h1>
</header>
<h2>Education</h2>
<div class="about-grid">
<div>
<img src="images/thumbs/ubc-logo.png" class="about-logo">
</div>
<div>
<h4><a href="https://www.engphys.ubc.ca/">University of British Columbia - B.A.Sc Engineering Physics</a></h4>
<p>2019-2024<br>
Vancouver, BC<br>
I am a 4th-year Engineering Physics student with a strong passion for computer science and
robotics.
This degree consists of 4 years of academic study terms and 16 months of co-op work experience
distributed throughout the degree.
Engineering Physics combines a thorough training of software, electrical, and mechanical
engineering with advanced physics and math in order to prepare us to work with the latest
technology.
I chose to focus my studies in software and electrical engineering and have taken classes in data structures and
algorithms, machine learning, robotics, and microcomputer design.</p>
</div>
</div>
<h2>Experience</h2>
<div class="about-grid">
<div>
<img src="images/thumbs/tesla-logo.jpg" class="about-logo">
</div>
<div>
<h4><a href="https://www.tesla.com/">Tesla - Software Engineer Intern</a></h4>
Sep 2022 - Dec 2022
<p>
I will be joining Tesla as a Software Engineer Intern on the High Voltage and Powertrain System Validation team.
</p>
</div>
<div>
<img src="images/thumbs/aws-logo.jpg" class="about-logo">
</div>
<div>
<h4><a href="https://www.aboutamazon.com/about-us">Amazon - Software Development Engineer Intern</a></h4>
May 2022 - Aug 2022
<p>
I am working at Amazon Web Services on the Amazon Connect team.
I am working on an operations database to support my team in automating manual tasks.
I designed the full service end-to-end and wrote formal design documents to present to senior engineers.
I am currently working on the implementation of the project using TypeScript and a variety of AWS tools like CloudWatch and Athena.
</p>
</div>
<div>
<img src="images/thumbs/oxford-logo.jpg" class="about-logo">
</div>
<div>
<h4><a href="https://www.oxfordproperties.com/">Oxford Properties - Site Reliability Engineer Intern</a></h4>
Jan 2021 - Apr 2021
<p>
I worked at Oxford Properties as a Site Reliability Engineer Intern.
I owned and completed several projects including an employee offboarding script written in PowerShell which will save hundreds of hours of work per year.
I also led the migration of scripts from on-premises servers to Azure DevOps and monitored the performance of the deployments.
</p>
</div>
<div>
<img src="images/thumbs/tbots-logo.png" class="about-logo">
</div>
<div>
<h4><a href=https://www.ubcthunderbots.ca>UBC Thunderbots - Software Developer</a></h4>
Sep 2020 - Present
<p>
I joined UBC Thunderbots because I developed a passion for robotics during my time in
university.
Thunderbots is a student-led engineering design team and competes annually in the RoboCup
Small Size
League, an international competition.
As a software developer, I has worked on creating a visualizer using PyQt in Python to watch the robot AI play soccer in a simulation,
and a feature of the robot to make them drive slower when a referee sends a stopping command.
</p>
</div>
</div>
<div ul class="actions">
<a href="assets/files/Brian_Sun_Resume.pdf" class="button">View Resume</a>
</div>
</section>
<hr>
<!-- Two -->
<section id="two">
<h1>Technical Projects</h1>
<div class="row">
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/projects-thunderscope.png" class="image fit thumb"><img
src="images/thumbs/projects-thunderscope.png" alt="" /></a>
<h3>Thunderbots Robot Visualizer</h3>
<p><i>-- Python, C++, PyQt, Bazel, Linux --</i></p>
<p>I worked on developing a visualizer to simulate robot soccer gameplay. The visualizer was built using PyQt and receives information from the
backend via protobufs. I worked on the console widget, allowing various types of logging messages to be displayed in real time.
New features are continuously being added to facilitate the development of new gameplay software and debugging.
</p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/projects-enph353.png" class="image fit thumb"><img
src="images/thumbs/projects-enph353.png" alt="" /></a>
<h3>Self-Driving Car Simulation</h3>
<p><i>-- Python, OpenCV, ROS, Tensorflow, Linux --</i></p>
<p>This project is part of a machine learning course, ENPH 353. The objective was to simulate a self-driving car in ROS Melodic.
I developed software to follow the road, detect other traffic, and to yield to pedestrians.
I also trained a convolutional neural network using the Keras framework to detect license plates and read them correctly.
</p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/projects-educatr.png" class="image fit thumb"><img
src="images/thumbs/projects-educatr.png" alt="" /></a>
<h3>NwHacks 2022 - Educational Website</h3>
<p><i>-- TypeScript, React, Spring Boot, Node.js, MongoDB --</i></p>
<p>The website is used to create and share interactive lessons for others to learn in any academic
subject.
Creators can write lessons using a text editor with full Markdown and Latex support.
They can also customize their own questions to quiz the learners. I mainly worked on the frontend and created
over 10 React components, like a multiple choice quiz editor that was be used extensively across the website.</p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a href="images/thumbs/project-robot.jpg" class="image fit thumb"><img
src="images/thumbs/project-robot.jpg" alt="" /></a>
<h3>Autonomous Soda Can Retrieving Robot</h3>
<p><i>-- C++, STM32 Bluepill, PlatformIO, Soldering, Oscilloscope --</i></p>
<p>The robot is the final deliverable of a 4-month project. It drives and follows a tape path, and
detects and picks up soda cans to drop off vertically in a box. I specifically worked on the
control software, the driving algorithm, and tuning of the robot arm to achieve 95% grabbing accuracy.
My team placed 3rd out of 16 teams based on performance.</p>
</article>
<!-- <article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/project-adc.jpg" class="image fit thumb"><img
src="images/thumbs/project-adc-thumb.jpg" alt="" /></a>
<h3>Analog-to-Digital Converter</h3>
<p><i>-- Oscilloscope, Signal Generator, Hand Tools --</i></p>
<p>Functional ADC made using discrete electronic components. The input voltage is displayed on the
7-segment display seen in the top left of the picture.</p>
</article> -->
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/projects-tic.png" class="image fit thumb"><img
src="images/thumbs/projects-tic.png" alt="" /></a>
<h3>Tic-Tac-Toe Game</h3>
<p><i>-- Java, AWT, IntelliJ --</i></p>
<p>Singleplayer game coded in Java. It has a functional GUI and the player plays against a computer
algorithm. The program automatically checks if there is a winner after each move and also keeps track of score.</p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/projects-img.jpg" class="image fit thumb"><img
src="images/thumbs/project-mp1.png" alt="" /></a>
<h3>Image Processing Library</h3>
<p><i>-- Java, JUnit, AWT, IntelliJ--</i></p>
<p>Java project where I developed over 15 image-transforming algorithms such as green screen,
posterize, and rotating images. I also wrote my own test cases using JUnit by designing algorithms to generate images, achieving 99% code coverage.</p>
</article>
</div>
<div ul class="actions">
<a href="assets/files/Brian_Sun_Resume.pdf" class="button">View
Resume</a>
</div>
</section>
<hr>
<section id="one">
<header class="major">
<h1>About Me</h1>
</header>
<h2>Interests</h2>
<div class="about-grid">
<div>
<img src="images/thumbs/hiking.jpg" class="about-logo">
</div>
<div>
<h4><h3>Hiking</h3></h4>
<p>Being fortunate enough to live in British Columbia, I have developed a love for hiking.
For me, it's a great way for to sightsee and get some exercise done.
I try to make time to go explore BC's breathtaking trails yearly. I have done excursions in
Squamish, Golden Ears, Whistler, and the Juan de Fuca trail, to name a few.</p>
</div>
<div>
<img src="images/thumbs/skiing.jpg" class="about-logo">
</div>
<div>
<h4><h3>Skiing</h3></h4>
<p>Downhill skiing is always a great experience, whether I go with family or friends. I started skiing when I was 12 and it has stuck with me since then.</p>
</div>
<div>
<img src="images/thumbs/interest-piano.jpg" class="about-logo">
</div>
<div>
<h4><h3>Music</h3></h4>
<p>Music has been a big part of my life and it's a hobby I turn to when I need to destress. I learned piano when I
was young, and I also played trumpet in my school's wind ensemble for 6 years.
My favourite moments were playing in the BCMEA Honour Wind Ensemble in my grade 12
year and going on tour with my school band to Havana, Cuba.</p>
</div>
</div>
</section>
<hr>
<!-- Three -->
<section id="three">
<h2>Get In Touch</h2>
<p>Please feel free to reach out to me by email. I am also happy to connect on Linkedin.</p>
<div class="inner">
<ul class="icons">
<li><a href="https://www.linkedin.com/in/briansun1/" class="icon brands fa-linkedin" id="body-icon"><span
class="label">Linkedin</span></a></li>
<li><a href="https://github.com/BrianS99" class="icon brands fa-github" id="body-icon"><span
class="label">Github</span></a></li>
<li><a href="mailto:briansun997@email.com" class="icon solid fa-envelope" id="body-icon"><span
class="label">Email</span></a></li>
</ul>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<ul class="icons">
<li><a href="https://www.linkedin.com/in/briansun1/" class="icon brands fa-linkedin"><span
class="label">Linkedin</span></a></li>
<li><a href="https://github.com/BrianS99" class="icon brands fa-github"><span
class="label">Github</span></a></li>
<li><a href="mailto:briansun997@email.com" class="icon solid fa-envelope"><span
class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>© Brian Sun</li>
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.poptrox.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>