-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
2136 lines (1899 loc) · 138 KB
/
index.html
File metadata and controls
2136 lines (1899 loc) · 138 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
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
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Portfolio webpage of Sean Ye" />
<meta name="keywords"
content="portfolio,website,personal website,github,projects,computer science and engineering" />
<meta name="author" content="Sean Ye" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="icon" type="image/png" href="/images/self.png">
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans|Raleway&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/modernizr-2.6.2.min.js"></script>
<script type="module" src="index.js"></script>
<script src="js/profile-card.js"></script>
<script src="https://kit.fontawesome.com/c66784357d.js" crossorigin="anonymous"></script>
</head>
<body>
<div id="colorlib-page">
<div class="container-wrap">
<a href="#" class="js-colorlib-nav-toggle colorlib-nav-toggle" data-toggle="collapse" data-target="#navbar"
aria-expanded="false" aria-controls="navbar"><i></i></a>
<aside id="colorlib-aside" role="complementary" class="border js-fullheight no-print">
<div class="text-center">
<div class="author-img">
<img alt="profile-img" style="border-radius: 50%" src="images/profile.png">
</div>
<h1 id="colorlib-logo"><a href="./index.html">Sean Ye</a></h1>
</div>
<hr>
<nav id="colorlib-main-menu" role="navigation" class="navbar" style="padding-top: 2em">
<div id="navbar" class="collapse">
<ul>
<li><a href="#" data-nav-section="about">About</a></li>
<!--li><a href="#" data-nav-section="skills">Skills</a>
</li-->
<li><a href="#" data-nav-section="featured">Featured</a>
</li>
<li><a href="#" data-nav-section="projects">Projects</a>
</li>
<!--li><a href="#" data-nav-section="blogs">Blogs</a>
</li-->
<li><a href="#" data-nav-section="experience">Experience</a></li>
<li><a href="#" data-nav-section="education">Education</a></li>
<li><a href="#" data-nav-section="contact">Contact</a>
</li>
</ul>
</div>
</nav>
</aside>
<div id="colorlib-main">
<section class="colorlib-about" data-section="about">
<div class="colorlib-narrow-content">
<div class="row animate-box" data-animate-effect="fadeInLeft">
<div class="about-desc">
<h1>About</h1>
<div id="bio">
<p>Hello World!<br><br> I'm an Industrial Engineering student at the University of Toronto.
During my time in university I strive to gain technical knowledge in my discipline,
collaborate with others on unique projects, become more independent, and engage with
opportunities on campus. When outside of school, I work on building my professional
experience and real world problem solving skills by pursuing new opportunities in the
ever growing technology industry.
</p>
</div>
<div id="accounts" class="accounts">
<a alt="linkedin" href="https://www.linkedin.com/in/sean-ye-247ba4247"><i
class="fa-brands fa-linkedin"></i></a>
<a alt="github" href="https://github.com/SeanYeSchool"><i
class="fa-brands fa-github"></i></a>
<a alt="devpost" href="https://devpost.com/sean171171school"><img
src="https://d2dmyh35ffsxbl.cloudfront.net/assets/reimagine2/dft-logo-mobile-ab66dd5a4f4b2f045ad86d0e5f432dc85974c3d778b353d32213c24ca176484b.svg"></img></a>
<a alt="github-highschool" href="https://github.com/Sean-Ye-Student"><i
class="fa-brands fa-github-alt"></i></a>
<a alt="email" href="mailto:sean.ye@mail.utoronto.ca"><i
class="fa-regular fa-envelope"></i></a>
<!--a alt="resume" href="https://google.com"><i class="fa-solid fa-book-bookmark"></i></a-->
</div>
</div>
</div>
</div>
</section>
<div>
<!--------------------[END] About me---------------------------->
<!--------------------[START] Skills--------------------------
<section class="colorlib-skills" data-section="skills">
<div class="colorlib-narrow-content">
<div class="row row-bottom-padded-sm animate-box" data-animate-effect="fadeInLeft">
<div class="about-desc">
<h1>Skills</h1>
</div>
</div>
<div id="skills" class="row">
</div>
</div>
</section>
-->
<!--------------------[END] Skills----------------------------
<section class="colorlib-profile" data-section="profile-card">
<div class="colorlib-narrow-content">
<div class="row row-bottom-padded-sm animate-box" data-animate-effect="fadeInLeft">
<div class="profile-cards">
<div class="col">
<div class="stack-card" user-id="8461233"></div>
</div>
<div class="col">
<div class="github-card" username="vinaysomawat"></div>
</div>
</div>
</div>
</div>
</section>
-->
</div>
<!--------------------[START] Featured-------------------------->
<!--------------------[START] Featured Projects-------------------------->
<section class="colorlib-projects no-print" data-section="featured">
<div class="colorlib-narrow-content">
<div class="row row-bottom-padded-sm animate-box" data-animate-effect="fadeInLeft">
<div class="about-desc">
<h1>Featured <span style="color: #457b9d">Projects</span></h1>
</div>
</div>
<ul id="accordion2" class="accordion animate-box" data-animate-effect="fadeInLeft">
<li>
<div class="link">
<img style="border-radius: 20px; margin-right: 25px; height:100px; object-fit: cover"
src="images/badge-thumbnail.png">
<p style="margin-bottom: 0px">Badge - UofTHacks 13</p>
<i class="fa fa-chevron-down"></i>
</div>
<ul id="web-projects" class="submenu">
<li>
<div class="project-card">
<div class="resume-item">
<div class="resume-content" id="left-div">
<div style="display: flex">
<!--img class="img-fluid"
style="float:none; width: 200px; height: calc(3960/2160*200px)"
src="images/Gymnastic Apparatus.png"-->
<br>
<div id="left-div">
January 2026<br><br>
Badge helps you build a unique professional identity for meaningful connections and effective networking at hackathons, conferences, and career fairs!
<br><br>
This project was built during UofTHacks 13 with my wonderful team Faris Abuain, Harsh Shukla, and Rajan Chavada.
Not only did we manage to win "Best Use of Snowflake API" prize but this hackathon was also filled with many fun
memories!
<br><br>
<div style="display: flex; flex-direction: column">
<video id="badge-video" style="width:100%;height:100%;">
<script>
var v = document.getElementById("badge-video");
function foo() {
v.autoplay = true;
v.muted = true;
v.loop = true;
v.load();
}
foo()
</script>
<source src="videos/Badge.mp4" type="video/mp4">
</video>
<iframe width="100%" height="315" src="https://www.youtube.com/embed/LNbBaZ9Qs3c?si=-b3DY_WuCxmtg2ZQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
<br><br>
We were inspired by a problem many of us encountered this very weekend, as well as at past hackathons: networking. We noticed that many of us struggled to find sponsors; went into discussions blind; and that many students asked the same, generic questions at every booth. I’m sure many of our sponsors noticed the same issue – so how do we fix it?
We realized that professional identity – our special interests, past experiences, and unique perspectives – is often poorly understood by us, as students, and weakly conveyed when talking to potential connections. To address this, we wanted to build a tool that could:
<ul>
<li>
• Facilitate connections and make it easier to build relationships on the basis of shared career interests and goals
</li>
<li>
• Make it easier to have genuine conversations with sponsors by connecting students with sponsors that relate to their interest, and highlighting aspects of each company that best relate to that students' professional identity
</li>
<li>
• Make networking at Hackathons, academic/industry conferences, and career fairs simpler and more efficient for not only students, but working professionals, academics, and the sponsors themselves!
</li>
</ul>
So we set out to build our users a tool to do just that. Their own personal Badge.
<br><br>
LinkedIn Post: <a
href="https://www.linkedin.com/posts/sean-ye-247ba4247_hi-everyone-last-week-i-had-a-great-time-activity-7420202076397473792-qYeo?utm_source=share&utm_medium=member_desktop&rcm=ACoAAD04-lcB4UN9zV1RmNOwk_OzTERan49FGQM">Post</a>
<br>
Devpost: <a
href="https://devpost.com/software/badge">Badge</a>
<br>
GitHub: <a
href="https://github.com/RajanChavada/Badge">repository</a>
</div>
</div>
</div>
<div class="resume-content" id="right-div">
<div class="sub-heading">
</div>
<div><span class="badge badge-secondary">Clerk</span><span
class="badge badge-secondary">Convex</span><span
class="badge badge-secondary">Elevenlabs</span><span
class="badge badge-secondary">Gemini</span><span
class="badge badge-secondary">HTML</span><span
class="badge badge-secondary">GitHub</span><span
class="badge badge-secondary">Javascript</span><span
class="badge badge-secondary">Typescript</span><span
class="badge badge-secondary">React</span><span
class="badge badge-secondary">Snowflake</span></div>
</div>
</div>
</a>
</div>
</li>
</ul>
</li>
<li>
<div class="link">
<img style="border-radius: 20px; margin-right: 25px; height:100px; object-fit: cover"
src="images/minecraft-player-controller.png">
<p style="margin-bottom: 0px">Custom Minecraft Player Controller</p>
<i class="fa fa-chevron-down"></i>
</div>
<ul id="web-projects" class="submenu">
<li>
<div class="project-card">
<div class="resume-item">
<div class="resume-content" id="left-div">
<div style="display: flex">
<!--img class="img-fluid"
style="float:none; width: 200px; height: calc(3960/2160*200px)"
src="images/Gymnastic Apparatus.png"-->
<br>
<div id="left-div">
January 2023<br><br>
Introducing a new way to play games. Use the custom device to play games
such as Minecraft with more interactivity.
<br><br>
The software and hardware was created during computer engineering class
with one of my friends and has many features including,
<ul>
<li>
• Physical controller device that allows a user to move joysticks,
push buttons and even jump, to control the character within the game.
</li>
<li>
• Software that comes with instruction such as controls and how to
connect the device to the application.
</li>
</ul>
Physical device uses an Arduino Uno and various hardware components
such as joysticks, pushbuttons, ultrasonic sensor, etc.
<br><br>
Software uses Cool Term which is a third party software, a python
application to read output from Cool Term and a c++ application to
convert the instructions into actions.
<br><br>
GitHub: <a
href="https://github.com/Sean-Ye-Student/Custom-Minecraft-Controller">repository</a>
</div>
</div>
</div>
<div class="resume-content" id="right-div">
<div style="display: flex; flex-direction: column">
<video id="video" style="width:100%;height:100%;">
<script>
var v = document.getElementById("video");
function foo() {
v.autoplay = true;
v.muted = true;
v.loop = true;
v.load();
}
foo()
</script>
<source src="videos/TestingPlayerController.MOV" type="video/mp4">
</video>
<iframe style="width: 100%; height: 250px"
src="https://drive.google.com/file/d/1aK1wXLkmgJm_tHeuYh71F0gQ_oDGtfpa/preview"
allow="autoplay"></iframe>
</div>
<div class="sub-heading">
</div>
<div><span class="badge badge-secondary">Arduino</span><span
class="badge badge-secondary">C++</span><span
class="badge badge-secondary">Python</span><span
class="badge badge-secondary">Cool Term</span><span
class="badge badge-secondary">Hardware</span><span
class="badge badge-secondary">GitHub</span><span
class="badge badge-secondary">Teamwork</span><span
class="badge badge-secondary">Presentation Skills</span></div>
</div>
</div>
</a>
</div>
</li>
</ul>
</li>
<li>
<div class="link">
<img style="border-radius: 20px; margin-right: 25px; height:100px; object-fit: cover"
src="images/Tensile Test.jpg">
<p style="margin-bottom: 0px">Home Gymnastic Apparatus Project</p>
<i class="fa fa-chevron-down"></i>
</div>
<ul id="web-projects" class="submenu">
<li>
<div class="project-card">
<div class="resume-item">
<div class="resume-content" id="left-div">
<div style="display: flex">
<!--img class="img-fluid"
style="float:none; width: 200px; height: calc(3960/2160*200px)"
src="images/Gymnastic Apparatus.png"-->
<br>
<div id="left-div">
April 2024<br><br>
During the second semester course APS112, my team was assigned a design
project where our goal was to create a set of custom gymnastic rings which
will be deployed at our clients home. <br>
<br>
I worked closely with my team by taking on many responsibilities which
included! <br>
<ul>
<li>• Helping prepare informational documents to help describe the
project in more detail!</li>
<li>• Researched on how to create a working physical prototype as well
as the timely logistics!</li>
<li>• Planned how to measure the effectiveness of our design which
included custom metrics and testing procedures!</li>
<li>• Creating renders and diagrams that help convey different design
decisions and persuade our client into seeing our vision!</li>
<li>• Preparing parts of our teams final presentation and presenting
with my team to the client and teaching team!</li>
</ul>
</div>
</div>
</div>
<div class="resume-content" id="right-div">
<div class="sub-heading">
<p class="project-description">
To test the effectiveness of our design I looked for ways that we could
feasibly assemble a prototype within the course budget and time. I later
assisted in defining the Measures of Success and gathered experimental data
by testing our prototype! This included a Tensile Test and a Friction Test
which gave us a lot of real life data to back up our design with.
<br>
<br>
We presented our top design, the LassoR to the teaching team and to the
client to convince them into accepting the design! In the end, our client
liked our design and enjoyed working with us!
Overall, I learned about the engineering design process, further improved a
lot of my communication and teamwork skills, and how to persuasively
present your ideas!
<br>
<br>
</p>
<div class="img-collage">
<div style="display: flex;">
<img style="width: 50%" class="img-fluid"
src="images/Gymnastic Apparatus.png">
<img style="width: 50%" class="img-fluid" src="images/Tensile Test.jpg">
</div>
<img class="img-fluid" src="images/Gymnastic Apparatus Disclaimer.png">
<img class="img-fluid" src="images/Gymnastic Apparatus Tensile Test.png">
<img class="img-fluid" src="images/Gymnastic Apparatus Friction Test.png">
<img class="img-fluid" src="images/Gymnastic Apparatus Calculations.png">
<p>
The process of coming up with an equation to model the lifetime of the
design required lots of brainstorming and rough calculations! I usually
do not derive these types of equations in my classes or for my own
personal projects, so this was fun to work on!
My Rough Calculations! Used Onlympics gymnastic footage <br>
(Arthur Zanetti [BRA] - Men's Rings | Champions of London 2012)
</p>
<img class="img-fluid"
src="images/Gymnastic Apparatus Friction Test Rough Calculations.png">
</div>
</div>
<div><span class="badge badge-secondary">Client</span><span
class="badge badge-secondary">Engineering</span><span
class="badge badge-secondary">Design Process</span><span
class="badge badge-secondary">Documentation</span><span
class="badge badge-secondary">Teamwork</span><span
class="badge badge-secondary">Presentation Skills</span></div>
</div>
</div>
</a>
</div>
</li>
</ul>
</li>
</ul>
</div>
</section>
<!--------------------[END] Featured Projects-------------------------->
<!--------------------[START] Featured Experience------------------->
<section class="colorlib-experience" data-section="">
<div class="colorlib-narrow-content">
<div class="row row-bottom-padded-sm animate-box fadeInLeft animated"
data-animate-effect="fadeInLeft">
<div class="about-desc">
<h1>Featured <span style="color: #457b9d">Experience</span>
</h1>
</div>
</div>
<div class="timeline-centered" id="experience">
<article class="timeline-entry animate-box fadeInUp animated">
<div class="timeline-entry-inner">
<div class="timeline-icon color-2"><i class="fa-solid fa-cloud-upload"></i></div>
<div class="timeline-label">
<h2>TELUS | Co-op Student <br><span>May 2025 - August 2025</span>
</h2><span class="timeline-sublabel">25 York St, Toronto, Ontario</span>
<div class="timeline-image-label">
<img class="bevel-image"
src="images/telus-logo.png"></img>
<p class="timeline-text">
• Member of the Number Planning Team; helping with data migration, automations and objectives <br>
• Supporting the analysis and management of countless phone numbers across Canada <br>
• Migrated reports and dashboards from DOMO into Google Cloud Platform using Pulumi and GitHub <br>
• Created Looker Studio dashboards and tested Vertex AI classification and regression models <br>
• Collaborated and supported my team through ideas, frequent communication and initiative <br>
• Gained insights from the TELUS community through connecting with supervisors, GTLP and co-ops
<br>
</p>
</div>
<div><span class="badge badge-secondary">Google Cloud Platform</span><span
class="badge badge-secondary">Big Query</span><span
class="badge badge-secondary">Looker Studio</span><span
class="badge badge-secondary">Vertex AI</span><span
class="badge badge-secondary">GitHub</span><span
class="badge badge-secondary">Pulumi</span><span
class="badge badge-secondary">Python</span><span
class="badge badge-secondary">Teamwork</span><span
class="badge badge-secondary">Networking & Communication</span><span
class="badge badge-secondary">Presentation Skills</span><span
class="badge badge-secondary">Technical Documentation</span></div>
<br>
</div>
</div>
</article>
<article class="timeline-entry animate-box fadeInUp animated">
<div class="timeline-entry-inner">
<div class="timeline-icon color-2"><i class="fa-solid fa-wifi"></i></div>
<div class="timeline-label">
<h2>Acentury Inc | Software Developer<br><span>June 2024 - August 2024</span>
</h2><span class="timeline-sublabel">Richmond Hill, Ontario, Canada</span>
<div class="timeline-image-label">
<img style="border-radius:0%" class="bevel-image"
src="images/Acentury-logo-2024-01.png"></img>
<p class="timeline-text">
• Collaborated with the development team to automate Baw and Saw (RF semiconductor
resonators) simulations using Ansys technology <br>
• Surpassed expectations in the fast pace and busy working environment <br>
• Created API endpoint documentation in Azure for use in front end development and
testing <br>
• Updated automated test cases for SynMatrix application TL calculations with JS and
Jest <br>
• Gained valuable working experience, which I will apply towards my future career
<br>
</p>
</div>
<div><span class="badge badge-secondary">Azure DevOps Services</span><span
class="badge badge-secondary">Ansys</span><span
class="badge badge-secondary">Workbench</span><span
class="badge badge-secondary">SpaceClaim</span><span
class="badge badge-secondary">Mechanical</span><span
class="badge badge-secondary">Python</span><span
class="badge badge-secondary">JavaScript</span><span
class="badge badge-secondary">Sketch App</span></div>
<br>
</div>
</div>
</article>
<article class="timeline-entry animate-box fadeInUp animated">
<div class="timeline-entry-inner">
<div class="timeline-icon color-2"><i class="fa fa-trophy " aria-hidden="true"></i></div>
<div class="timeline-label">
<h2>UofTHacks | API Prize Winner <br><span>January 2026</span>
</h2><span class="timeline-sublabel">University of Toronto, Ontario, Canada</span>
<div class="timeline-image-label">
<img class="bevel-image" src="images/uofthacks-logo.png"></img>
<p class="timeline-text">
• Participated in UofTHacks 13 and won "Best Use of Snowflake API" <br>
• Selected to the University of Toronto's largest hackathon, where over 500 students of different
skill levels come together to experiment and create unique
software/hardware projects from scratch <br>
• Teamed up with like minded indivisuals and engaged the
team to brainstorm, collaborate and produce a one-of-a-kind project within 36 hours
<br>
• Connected with industry leaders, sponsors, mentors, and volunteers to gain
valuable insights about new technologies and emerging trends <br>
</p>
</div>
<div><span class="badge badge-secondary">Clerk</span><span
class="badge badge-secondary">Convex</span><span
class="badge badge-secondary">Elevenlabs</span><span
class="badge badge-secondary">Gemini</span><span
class="badge badge-secondary">HTML</span><span
class="badge badge-secondary">GitHub</span><span
class="badge badge-secondary">Javascript</span><span
class="badge badge-secondary">Typescript</span><span
class="badge badge-secondary">React</span><span
class="badge badge-secondary">Snowflake</span></div>
<br>
</div>
</div>
</article>
<article class="timeline-entry animate-box fadeInUp animated">
<div class="timeline-entry-inner">
<div class="timeline-icon color-2"><i class="fa-solid fa-hexagon-nodes"></i></div>
<div class="timeline-label">
<h2>University of Toronto Machine Intelligence Student Team<br><span>October 2024 -
Present</span>
</h2><span class="timeline-sublabel">Machine Learning Researcher</span>
<div class="timeline-image-label">
<img class="bevel-image" src="images/utmist_logo.png"></img>
<p class="timeline-text">
• Accepted to be ML Software Researcher among a highly competitive pool of
candidates <br>
• Aiming to produce a student research paper under UTMIST through organized team
collaboration <br>
• Working towards applying Machine learning to Computer vision using OpenCV and
other tools <br>
</p>
</div>
<div><span class="badge badge-secondary">AI & Machine Learning</span><span
class="badge badge-secondary">OpenCV</span><span
class="badge badge-secondary">Python</span><span
class="badge badge-secondary">Research</span></div>
<br>
</h2><span class="timeline-sublabel">AI Open Source Developer</span>
<div class="timeline-image-label">
<img class="bevel-image" src="images/utmist_logo.png"></img>
<p class="timeline-text">
• Selected to be a member of the AI Open Source team among highly competitive
candidates <br>
• Implementing Keras and Nvidia technologies for accurate and user friendly image
labeling <br>
• Planning on preparing a team repository and contributing new features and fixes to
open source <br>
</p>
</div>
<div><span class="badge badge-secondary">AI & Machine Learning</span><span
class="badge badge-secondary">Nvidia</span><span
class="badge badge-secondary">Keras</span><span
class="badge badge-secondary">GitHub</span><span class="badge badge-secondary">Open
Source</span></div>
</div>
</div>
</article>
<article class="timeline-entry animate-box fadeInUp animated">
<div class="timeline-entry-inner">
<div class="timeline-icon color-2"><i class="fa-solid fa-code"></i></div>
<div class="timeline-label">
<h2>Hack the North | Hacker Participant<br><span>September 2022, 2023, 2024</span>
</h2><span class="timeline-sublabel">Waterloo, Ontario, Canada</span>
<div class="timeline-image-label">
<img class="bevel-image" src="images/hackthenorth-logo.png"></img>
<p class="timeline-text">
• Selected to the Canada's biggest hackathon, where 1,000+ students of different
skill levels come from around the world to experiment and create unique
software/hardware projects from scratch <br>
• Teamed up with ambitious and technical strong teams over the events; Engaged the
team to brainstorm, collaborate and produce a one-of-a-kind project within 36 hours
<br>
• Connected with industry leaders, sponsors, mentors, and volunteers to gain
valuable insights about new technologies and emerging trends <br>
• Participated in the 2022, 2023 and 2024 hackathon <br>
</p>
</div>
<div><span class="badge badge-secondary">React.js</span><span
class="badge badge-secondary">Python</span><span
class="badge badge-secondary">Flask</span><span
class="badge badge-secondary">Firebase</span><span
class="badge badge-secondary">Convex</span><span
class="badge badge-secondary">VoiceFlow</span><span
class="badge badge-secondary">Devpost</span><span
class="badge badge-secondary">Teamwork</span><span
class="badge badge-secondary">Presentation Skills</span><span
class="badge badge-secondary">Technical Documentation</span><span
class="badge badge-secondary">Time Management</span></div>
<br>
</div>
</div>
</article>
<article class="timeline-entry begin animate-box fadeInUp animated">
<!--div class="timeline-entry-inner">
<div class="timeline-icon color-2"></div>
</div-->
</article>
</div>
</div>
</section>
<!--------------------[END] Featured Experience--------------------->
<!--------------------[END] Featured---------------------------->
<!--------------------[START] Projects-------------------------->
<section class="colorlib-projects no-print" data-section="projects">
<div class="colorlib-narrow-content">
<div class="row row-bottom-padded-sm animate-box" data-animate-effect="fadeInLeft">
<div class="about-desc">
<h1>Projects</h1>
</div>
</div>
<ul id="accordion" class="accordion animate-box" data-animate-effect="fadeInLeft">
<!--li>
<div class="link">
<img style="border-radius: 20px; margin-right: 25px"
src="https://media.licdn.com/dms/image/v2/D560BAQFsQv-oVXdnNA/company-logo_100_100/company-logo_100_100/0/1691430079546/utmist_logo?e=1742428800&v=beta&t=CdjppyBXYTeTyo1JUcX0WwNbxnVriFlvBzlx3wI_ceI">
<p style="margin-bottom: 0px">Web Projects</p>
<i class="fa fa-chevron-down"></i>
</div>
<ul id="web-projects" class="submenu">
<li>
<div class="project-card"><a target="_blank"
href="https://programmingdiaries.herokuapp.com/">
<div class="resume-item"><img id="left-div"
src="https://seanyeschool.github.io//images/PVZ.png" style="width: 100%"><img
id="left-div" src="https://seanyeschool.github.io//images/PVZ.png"
style="width: 100%">
<div class="resume-content" id="left-div"><img class="img-fluid"
src="images/programmingdiaries.png"></div>
<div class="resume-content" id="right-div">
<div class="sub-heading">
<p class="project-description">Developed a full stack blog application to
provide content on techical topics across the internet with admin
interface.</p>
<p class="project-description">Developed a full stack blog application to
provide content on techical topics across the internet with admin
interface.</p>
<div><span class="badge badge-secondary">Django</span><span
class="badge badge-secondary">SQLite</span><span
class="badge badge-secondary">Bootstrap</span><span
class="badge badge-secondary">JavaScript</span><span
class="badge badge-secondary">Heroku</span></div>
</div>
</div>
</div>
</a></div>
</li>
</ul>
</li-->
<li>
<div class="link">
<img style="border-radius: 20px; margin-right: 25px; height:100px; object-fit: cover"
src="images/badge-thumbnail.png">
<p style="margin-bottom: 0px">Badge - UofTHacks 13</p>
<i class="fa fa-chevron-down"></i>
</div>
<ul id="web-projects" class="submenu">
<li>
<div class="project-card">
<div class="resume-item">
<div class="resume-content" id="left-div">
<div style="display: flex">
<!--img class="img-fluid"
style="float:none; width: 200px; height: calc(3960/2160*200px)"
src="images/Gymnastic Apparatus.png"-->
<br>
<div id="left-div">
January 2026<br><br>
Badge helps you build a unique professional identity for meaningful connections and effective networking at hackathons, conferences, and career fairs!
<br><br>
This project was built during UofTHacks 13 with my wonderful team Faris Abuain, Harsh Shukla, and Rajan Chavada.
Not only did we manage to win "Best Use of Snowflake API" prize but this hackathon was also filled with many fun
memories!
<br><br>
<div style="display: flex; flex-direction: column">
<video id="badge-video2" style="width:100%;height:100%;">
<script>
var v = document.getElementById("badge-video2");
function foo() {
v.autoplay = true;
v.muted = true;
v.loop = true;
v.load();
}
foo()
</script>
<source src="videos/Badge.mp4" type="video/mp4">
</video>
<iframe width="100%" height="315" src="https://www.youtube.com/embed/LNbBaZ9Qs3c?si=-b3DY_WuCxmtg2ZQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
<br><br>
We were inspired by a problem many of us encountered this very weekend, as well as at past hackathons: networking. We noticed that many of us struggled to find sponsors; went into discussions blind; and that many students asked the same, generic questions at every booth. I’m sure many of our sponsors noticed the same issue – so how do we fix it?
We realized that professional identity – our special interests, past experiences, and unique perspectives – is often poorly understood by us, as students, and weakly conveyed when talking to potential connections. To address this, we wanted to build a tool that could:
<ul>
<li>
• Facilitate connections and make it easier to build relationships on the basis of shared career interests and goals
</li>
<li>
• Make it easier to have genuine conversations with sponsors by connecting students with sponsors that relate to their interest, and highlighting aspects of each company that best relate to that students' professional identity
</li>
<li>
• Make networking at Hackathons, academic/industry conferences, and career fairs simpler and more efficient for not only students, but working professionals, academics, and the sponsors themselves!
</li>
</ul>
So we set out to build our users a tool to do just that. Their own personal Badge.
<br><br>
LinkedIn Post: <a
href="https://www.linkedin.com/posts/sean-ye-247ba4247_hi-everyone-last-week-i-had-a-great-time-activity-7420202076397473792-qYeo?utm_source=share&utm_medium=member_desktop&rcm=ACoAAD04-lcB4UN9zV1RmNOwk_OzTERan49FGQM">Post</a>
<br>
Devpost: <a
href="https://devpost.com/software/badge">Badge</a>
<br>
GitHub: <a
href="https://github.com/RajanChavada/Badge">repository</a>
</div>
</div>
</div>
<div class="resume-content" id="right-div">
<div class="sub-heading">
</div>
<div><span class="badge badge-secondary">Clerk</span><span
class="badge badge-secondary">Convex</span><span
class="badge badge-secondary">Elevenlabs</span><span
class="badge badge-secondary">Gemini</span><span
class="badge badge-secondary">HTML</span><span
class="badge badge-secondary">GitHub</span><span
class="badge badge-secondary">Javascript</span><span
class="badge badge-secondary">Typescript</span><span
class="badge badge-secondary">React</span><span
class="badge badge-secondary">Snowflake</span></div>
</div>
</div>
</a>
</div>
</li>
</ul>
</li>
<li>
<div class="link">
<img style="border-radius: 20px; margin-right: 25px; height:100px; object-fit: cover"
src="images/minecraft-player-controller.png">
<p style="margin-bottom: 0px">Custom Minecraft Player Controller</p>
<i class="fa fa-chevron-down"></i>
</div>
<ul id="web-projects" class="submenu">
<li>
<div class="project-card">
<div class="resume-item">
<div class="resume-content" id="left-div">
<div style="display: flex">
<!--img class="img-fluid"
style="float:none; width: 200px; height: calc(3960/2160*200px)"
src="images/Gymnastic Apparatus.png"-->
<br>
<div id="left-div">
January 2023<br><br>
Introducing a new way to play games. Use the custom device to play games
such as Minecraft with more interactivity.
<br><br>
The software and hardware was created during computer engineering class
with one of my friends and has many features including,
<ul>
<li>
• Physical controller device that allows a user to move joysticks,
push buttons and even jump, to control the character within the game.
</li>
<li>
• Software that comes with instruction such as controls and how to
connect the device to the application.
</li>
</ul>
Physical device uses an Arduino Uno and various hardware components
such as joysticks, pushbuttons, ultrasonic sensor, etc.
<br><br>
Software uses Cool Term which is a third party software, a python
application to read output from Cool Term and a c++ application to
convert the instructions into actions.
<br><br>
GitHub: <a
href="https://github.com/Sean-Ye-Student/Custom-Minecraft-Controller">repository</a>
</div>
</div>
</div>
<div class="resume-content" id="right-div">
<div style="display: flex; flex-direction: column">
<video id="video2" style="width:100%;height:100%;">
<script>
var v = document.getElementById("video2");
function foo() {
v.autoplay = true;
v.muted = true;
v.loop = true;
v.load();
}
foo()
</script>
<source src="videos/TestingPlayerController.MOV" type="video/mp4">
</video>
<iframe style="width: 100%; height: 250px"
src="https://drive.google.com/file/d/1aK1wXLkmgJm_tHeuYh71F0gQ_oDGtfpa/preview"
allow="autoplay"></iframe>
</div>
<div class="sub-heading">
</div>
<div><span class="badge badge-secondary">Arduino</span><span
class="badge badge-secondary">C++</span><span
class="badge badge-secondary">Python</span><span
class="badge badge-secondary">Cool Term</span><span
class="badge badge-secondary">Hardware</span><span
class="badge badge-secondary">GitHub</span><span
class="badge badge-secondary">Teamwork</span><span
class="badge badge-secondary">Presentation Skills</span></div>
</div>
</div>
</a>
</div>
</li>
</ul>
</li>
<li>
<div class="link">
<img style="border-radius: 20px; margin-right: 25px; height:100px; object-fit: cover"
src="images/PVZ.png">
<p style="margin-bottom: 0px">Plants Vs Zombies</p>
<i class="fa fa-chevron-down"></i>
</div>
<ul id="web-projects" class="submenu">
<li>
<div class="project-card">
<div class="resume-item">
<div class="resume-content" id="left-div">
<div style="display: flex">
<!--img class="img-fluid"
style="float:none; width: 200px; height: calc(3960/2160*200px)"
src="images/Gymnastic Apparatus.png"-->
<br>
<div id="left-div">
June 2022<br><br>
I wanted to create something big for my grade 11 Compsci class. This led to
me and my partner agreeing on Plants Vs Zombies as our project's goal. We
worked together well as I primarily did the coding and development while
Christian did the presentation and planning. We both helped each other
along the way!
<br><br>
Download: <a href="https://seen103.itch.io/plants-vs-zombies">itch.io</a>.
GitHub: <a
href="https://github.com/Sean-Ye-Student/github-342165131-33467638/tree/main/Games/PVZ">repository</a>
</div>
</div>
</div>
<div class="resume-content" id="right-div">
<div style="display: flex; flex-direction: column">
<iframe style="width: 100%; height: 250px"
src="https://drive.google.com/file/d/1dIH7-uhEVmpK-i_5Z2i6Pd8Ab4Klxhf-/preview"
allow="autoplay"></iframe>
</div>
<div class="sub-heading">
</div>
<div><span class="badge badge-secondary">Processing</span><span
class="badge badge-secondary">Python</span><span
class="badge badge-secondary">GitHub</span><span
class="badge badge-secondary">Inkscape</span><span
class="badge badge-secondary">Itch.io</span><span
class="badge badge-secondary">ShotCut</span><span
class="badge badge-secondary">Teamwork</span><span
class="badge badge-secondary">Presentation Skills</span></div>
</div>
</div>
</a>
</div>
</li>
</ul>
</li>