-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·1122 lines (1057 loc) · 71 KB
/
index.html
File metadata and controls
executable file
·1122 lines (1057 loc) · 71 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>
<!--suppress ALL -->
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Daniel Van Der Maden</title>
<link rel="stylesheet" href="bootstrap-4.1.3-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/mobile-style.css">
<link rel="stylesheet" href="css/fixed.css">
<link rel="icon" type="image/png" href="img/favicon.png">
</head>
<script>
let ua = navigator.userAgent;
if (ua.indexOf("MSIE ") > -1 || ua.indexOf("Trident/") > -1 || ua.indexOf("Edge/") > -1) {
alert('This browser is NOT SUPPORTED. ' +
'\nPlease use Chrome, Safari or Firefox. ' +
'\n\nFor reference, my resume is at: ' +
'\nhttps://www.danielvandermaden.com/resume.pdf' +
'\n\nPress OK to see anyways.');
}
</script>
<body data-spy="scroll" data-target="#navbarResponsive">
<!-- Nav bar -->
<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
<a class="navbar-brand" href="#home" id="homeBtn"><i class="fas fa-home"></i></a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarResponsive">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="resume.pdf" target="_blank"><i class="fa fa-file-pdf"
aria-hidden="true"> </i>
Resume</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#education">Education</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#experience">Experience</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#portfolio">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#skills">Skills</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
</ul>
</div>
</nav>
<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top" id="LandingPageNav">
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarResponsive1">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive1">
<ul class="navbar-nav m-auto">
<li class="nav-item">
<a class="nav-link LandingPageNav" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link LandingPageNav" href="#education">Education</a>
</li>
<li class="nav-item">
<a class="nav-link LandingPageNav" href="#experience">Experience</a>
</li>
<li class="nav-item">
<a class="nav-link LandingPageNav" href="#portfolio">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link LandingPageNav" href="#skills">Skills</a>
</li>
<li class="nav-item">
<a class="nav-link LandingPageNav" href="#contact">Contact</a>
</li>
</ul>
</div>
</nav>
<div id="home">
<!-- Landing Page BG -->
<div class="landing">
<div class="home-wrap">
<div class="home-inner"></div>
</div>
</div>
<!-- Landing Page Content -->
<div class="caption landingContent text-center" id="Sig">
<img src="img/sig.png" class="img-fluid" alt="Responsive image">
<h1><b>Daniel Van Der Maden</b></h1>
<h3><i>Student | Software Engineer</i></h3>
<a class="btn btn-outline-light btn-lg" href="resume.pdf" target="_blank"><i class="fa fa-file-pdf"
aria-hidden="true"> </i>
My Resume</a>
<h4>
<a href="mailto: contact@danielvandermaden.com" target="_blank"><i class="fas fa-envelope-square"></i></a>
<a href="https://www.linkedin.com/in/daniel-vdm/" target="_blank"><i class="fab fa-linkedin-in"></i></a>
<a href="https://github.com/Daniel-VDM" target="_blank"><i class="fab fa-github-square"></i></a>
</h4>
</div>
<div class="caption landingBottom text-center">
<h3>
<a href="#about"><i class="fas fa-chevron-down"></i></a>
</h3>
</div>
</div>
<div id="about" class="offset">
<div class="about-bg">
<div class="narrow">
<!-- Section Heading -->
<div class="col-12 text-center fade">
<h3 class="heading">About Me</h3>
<div class="heading-underline about-line"></div>
</div>
<!-- Section Content (no pic) -->
<div class="row">
<div class="card about-wrapper fade">
<div class="card about-pad">
<p>Hi there! I am an undergraduate at the University of California, Berkeley pursuing a B.A. in
Computer Science and I am finishing up my degree this fall.</p>
<p class="text-justify fade">I have always enjoyed the process of building and showing my
creations. This is why software development/engineering appealed so much to me throughout my
time in higher education — and has ultimately pushed me to learn a vast skill set in the
world of Computer Science. I have also gained a particular academic interest in Natural
Language Processing, Human-Computer Interaction, and Artificial Intelligence throughout my
time at UC Berkeley.</p>
<p class="text-justify fade">I also enjoy helping and teaching other people. At UC Berkeley, I
tutored C, C++, Java, and Python in the EECS department's <a
href="https://selfpaced.bitbucket.io" target="_blank">self-paced center</a>. I also
joined a student organization called <a href="https://csmberkeley.github.io"
target="_blank"> Computer Science Mentors</a> where
I mentored a group of 5 students through their lower division EECS courses.</p>
<p class="text-justify fade">I have also had the opportunity to professionally work with a
diverse team of engineers during my summer software engineering internship at <a
href="https://www.microsemi.com/company/about-us" target="_blank">Microsemi</a>,
where I helped develop a modernized eLoran (radio navigation and data) system. </p>
<p class="text-justify fade"> Currently, in my spare time, I am working on a <a
href="https://github.com/Daniel-VDM/Seq2Seq-chatbot" target="_blank">chatbot</a> program
that allows anyone to more easily learn how different parameters of a neural network model
affects the fidelity of a chatbot.</p>
</div>
</div>
</div>
<!-- Section Content (with pic) -->
<!-- <div class="row">-->
<!-- <div class="card about-wrapper fade">-->
<!-- <div class="card about-pad">-->
<!-- <div class="row">-->
<!-- <div class="col-md-4 col-xs-12 about-pad-in text-center">-->
<!-- <img class="about-img" src="img/ProfileCover.jpg">-->
<!-- </div>-->
<!-- <div class="col-md-8 col-xs-12 about-pad-in">-->
<!-- <p class="text-justify fade">Hi there! I am a senior at the University Of California,-->
<!-- Berkeley pursuing a B.A. in Computer Science. I am currently finishing up my degree-->
<!-- (3 classes remaining) this fall, and I am looking to do an experience building-->
<!-- internship at the same time.</p>-->
<!-- <p class="text-justify fade">I have always enjoyed the process of building and showing-->
<!-- my creations. This is why software development/engineering appealed so much to me-->
<!-- throughout my time in higher education — and has ultimately pushed me to learn a-->
<!-- vast skill set in the world of Computer Science. I have also gained a particular-->
<!-- academic interest in Natural Language Processing, Human-Computer Interaction, and-->
<!-- Artificial Intelligence throughout my time at UC Berkeley.</p>-->
<!-- <p class="text-justify fade">I also enjoy helping and teaching other people. At UC-->
<!-- Berkeley, I tutored C, C++, Java, and Python in the EECS department's <a-->
<!-- href="https://selfpaced.bitbucket.io" target="_blank">self-paced center</a>.-->
<!-- I also joined a student organization called <a href="https://csmberkeley.github.io"-->
<!-- target="_blank"> Computer Science-->
<!-- Mentors</a> where I mentored a group of 5 students through their lower division-->
<!-- EECS courses.</p>-->
<!-- <p class="text-justify fade">I have also had the opportunity to professionally work with-->
<!-- a team of engineers during my summer internship at <a-->
<!-- href="https://www.microsemi.com/company/about-us"-->
<!-- target="_blank">Microsemi</a>, where I helped develop a modernized eLoran-->
<!-- (radio navigation and data) system. </p>-->
<!-- <p class="text-justify fade"> Currently, in my spare time, I am working on a <a-->
<!-- href="https://github.com/Daniel-VDM/Seq2Seq-chatbot" target="_blank">chatbot</a>-->
<!-- program that allows anyone to more easily learn how different parameters of a neural-->
<!-- network model effects the fidelity of a chatbot.</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
</div>
</div>
</div>
<div id="education" class="offset">
<div class="narrow edu">
<!-- Section Heading -->
<div class="col-12 text-center fade">
<h3 class="heading">Education</h3>
<div class="heading-underline education-line"></div>
</div>
<!-- Section Content -->
<div class="card educ ">
<div class="row no-gutters">
<div class="card-body edu-first show fade">
<h5 class="card-title text-center"><b>University Of California, Berkeley</b>
<br><a>B.A. Computer Science</a> - <i>GPA: 3.68/4.00</i> - Graduating December 2019</h5>
<h6>RELEVANT Course Work:</h6>
<div class="row text-center fade">
<div class="educol col-md-6">
<u>Computer Security</u><br>
<u>Intro to Database Systems</u><br>
<u>User Interface Design and Development</u><br>
Efficient Algorithms & Intractable Problems<br>
Computer Architecture & Machine Structures<br>
Structure and Interpretation of Computer Programs<br>
Data Structures
</div>
<div class="educol col-md-6">
Natural Language Processing<br>
Intro to Artificial Intelligence<br>
Intro to Linguistics<br>
Intro to Cognitive Science<br>
Designing Information Devices and Systems 1 & 2<br>
Linear Algebra & Differential Equations<br>
Discrete Math & Probability Theory
</div>
</div>
<p>
<small><u>Underlined</u> = In Progress | Last updated: 6/19</small>
</p>
</div>
</div>
<div class="row no-gutters">
<div class="card-body fade">
<h5 class="card-title text-center"><b>Irvine Valley College</b>
<br><a>Transferred</a> - <i>GPA: 3.92/4.00</i> - Transferred May 2017</h5>
</div>
</div>
</div>
<div class="edu-pad"></div>
</div>
</div>
<div id="experience" class="offset">
<div class="fixed-background">
<div class="row dark">
<div class="narrow">
<!-- Section Heading -->
<div class="col-12 text-center fade">
<h3 class="heading">Experience</h3>
<div class="heading-underline experience-line"></div>
</div>
<!-- Section Content -->
<div class="card exp fade">
<div class="row no-gutters">
<div class="col-md-2 col-xs-0 text-center exp-pic">
<img src="img/microsemi.png" class="card-img img-fluid">
</div>
<div class="col-md-10 col-xs-12">
<div class="card-body exp-body">
<h5 class="card-title"><b>Software Engineering Intern</b> <br>Microsemi Corporation |
<i>Frequency
and Timing Division</i></h5>
<p class="card-text text-justify">I was part of a team that worked on a modernized
eLoran (radio navigation and data) system which could function as a self-contained
backup of a GNSS (i.e: GPS). I was tasked with implementing multiple proprietary
eLoran signal schemes and creating an API to have them interface with a <a
href="https://www.microsemi.com/company/about-us"
target="_blank">Microsemi</a> eLoran transmission timer. I was also tasked
with creating development tools that simulate said timing unit’s behavior as well as
collect data and display vital timing statuses. I ended my internship by presenting
my work to the rest of the eLoran team at their frequency and timing division
headquarters in Boulder, Colorado.</p>
<p class="card-text">
<small>May 2018 — August 2018</small>
</p>
</div>
</div>
</div>
</div>
<br>
<div class="card exp fade">
<div class="row no-gutters">
<div class="col-md-2 col-xs-0 text-center exp-pic">
<img src="img/ucbseal.png" class="card-img">
</div>
<div class="col-md-10 col-xs-12">
<div class="card-body exp-body">
<h5 class="card-title"><b>Tutor</b>
<br>UC Berkeley | <i>EECS Self-Paced Center</i></h5>
<p class="card-text text-justify">The EECS department at UC Berkeley provides <a
href="https://selfpaced.bitbucket.io/" target="_blank">self-paced courses</a>
where students can learn C, C++, Java, Python, MATLAB and UNIX. I was one of the
course's tutors. We proctored and graded all of the in-person quizzes, conducted
project checkoffs, and graded final exams. We also helped students debug their
projects and answered questions during our office hours.</p>
<p class="card-text">
<small>January 2019 — May 2019</small>
</p>
</div>
</div>
</div>
</div>
<br>
<div class="card exp fade">
<div class="row no-gutters">
<div class="col-md-2 col-xs-0 text-center exp-pic">
<img src="img/ucbseal.png" class="card-img">
</div>
<div class="col-md-10 col-xs-12">
<div class="card-body exp-body">
<h5 class="card-title"><b>Academic Intern</b>
<br>UC Berkeley | <i>Structure and Interpretation of Computer Programs</i></h5>
<p class="card-text text-justify">I was an intern for the <a
href="https://cs61a.org/articles/about.html" target="_blank">Structure and
Interpretation of Computer Programs</a> (CS 61A) course where I assisted course
staff by providing students with guidance and help on homeworks and projects during
office hours. I was also tasked with answering questions during lab and conducting
lab checkoffs.
</p>
<p class="card-text">
<small>August 2018 — December 2018</small>
</p>
</div>
</div>
</div>
</div>
<br>
<div class="card exp fade">
<div class="row no-gutters">
<div class="col-md-2 col-xs-0 text-center exp-pic">
<img src="img/csm.png" class="card-img">
</div>
<div class="col-md-10 col-xs-12">
<div class="card-body exp-body">
<h5 class="card-title"><b>Mentor</b>
<br>UC Berkeley | <i>Computer Science Mentors</i></h5>
<p class="card-text text-justify">I was part of the <a
href="https://csmberkeley.github.io" target="_blank">Computer Science
Mentors</a> student organization at UC Berkeley. The organization’s goal is to
provide guidance and supplemental discussion sections for students taking lower
division computer sciences courses. My focus was to help students taking <a
href="https://inst.eecs.berkeley.edu/~ee16a" target="_blank">Designing
Information Devices and Systems 1</a> by holding a supplemental 1.5
hour discussion section each week on the topics that were covered. I also helped run
midterm review sessions, and I helped develop supplemental course material. Lastly,
I mentored a cohort of five students throughout the semester.</p>
<p class="card-text">
<small>January 2019 — May 2019</small>
</p>
</div>
</div>
</div>
</div>
<br>
<div class="exp-bottom">
<div class="card exp fade">
<div class="row no-gutters">
<div class="col-md-12 text-center EarlyExp">
<button class="btn EarlyExp" type="button" data-toggle="collapse"
data-target="#EarlyExp"
aria-expanded="false" aria-controls="EarlyExp">
<i class="fas fa-chevron-down"></i>
Click to see early experiences
<i class="fas fa-chevron-down"></i>
</button>
</div>
</div>
</div>
</div>
<br>
<div class="collapse" id="EarlyExp">
<div class="card exp fade">
<div class="row no-gutters">
<div class="col-md-2 col-xs-0 text-center exp-pic">
<img src="img/jsei.png" class="card-img">
</div>
<div class="col-md-10 col-xs-12">
<div class="card-body exp-body">
<h5 class="card-title"><b>Technology Advisor</b>
<br>J-Sei Community Center</h5>
<p class="card-text text-justify">I was part of a <a
href="https://decal.berkeley.edu/courses/4855" target="_blank">student
group</a> at UC Berkeley that volunteered our weekends to help advise
the elderly at <a href="https://j-sei.org/" target="_blank">J-Sei</a> on a
variety of tech-related topics. I primarily focused on tech safety topics with a
heavy emphasis on internet privacy, scam detection, and malware protection.</p>
<p class="card-text">
<small>September 2017 — November 2017</small>
</p>
</div>
</div>
</div>
</div>
<br>
<div class="card exp fade">
<div class="row no-gutters">
<div class="col-md-2 col-xs-0 text-center exp-pic">
<img src="img/tutor.jpg" class="card-img">
</div>
<div class="col-md-10 col-xs-12">
<div class="card-body exp-body">
<h5 class="card-title"><b>Calculus Tutor</b>
<br>Private Tutor</h5>
<p class="card-text text-justify">I started to tutor single variable calculus during
my time at Irvine Valley College (to reinforce my teaching skills). Eventually,
people offered to pay for my time. From the spring of 2016 to fall of 2017, I
had 1-3 students (through recommendations) that I tutored on a regular schedule.
As a tutor, I had to become familiar with different lesson plans and provide
supplemental problem sets & solutions.</p>
<p class="card-text">
<small>January 2016 — June 2017</small>
</p>
</div>
</div>
</div>
</div>
<br>
<div class="card exp fade">
<div class="row no-gutters">
<div class="col-md-2 col-xs-0 text-center exp-pic">
<img src="img/cauldron.jpg" class="card-img">
</div>
<div class="col-md-10 col-xs-12">
<div class="card-body exp-body">
<h5 class="card-title"><b>Graphic Designer</b>
<br>Cauldron Ice Cream</h5>
<p class="card-text text-justify">I worked with the store owners to design their
launch website and marketing assets along with a <a
href="https://imgur.com/a/Wt4MI3A" target="_blank">dynamic menu</a> that
could be easily modified.</p>
<p class="card-text">
<small>September 2015 — December 2015</small>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- <br>-->
<!-- <div class="card exp fade">-->
<!-- <div class="row no-gutters">-->
<!-- <div class="col-md-2 col-xs-0 text-center exp-pic">-->
<!-- <img src="TODO: This is a template" class="card-img">-->
<!-- </div>-->
<!-- <div class="col-md-10 col-xs-12">-->
<!-- <div class="card-body exp-body">-->
<!-- <h5 class="card-title"><b>TODO: this is a template</b>-->
<!-- <br>TODO: this is a template | <i> TODO: this is a template</i></h5>-->
<!-- <p class="card-text text-justify">TODO: this is a template-->
<!-- </p>-->
<!-- <p class="card-text">-->
<!-- <small>TODO: this is a template</small>-->
<!-- </p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
</div>
</div>
<!-- BG -->
<div class="fixed-wrap">
<div class="fixed"></div>
</div>
</div>
</div>
<div id="portfolio" class="offset">
<div class="row portfolio-bg">
<div class="narrow">
<!-- Section Heading -->
<div class="col-12 text-center fade">
<h3 class="heading">Portfolio</h3>
<div class="heading-underline portfolio-line"></div>
</div>
<!-- Section Content -->
<div class="row">
<div class="col-md-12 port-intro-pad fade">
<div class="card port-wrapper">
<div class="card port-intro">
<p style="padding-bottom: 12px">Below you will find an interactive list of notable projects
that I've done throughout my time at UC Berkeley and beyond!</p>
<p style="padding-bottom: 12px">You can click on each project to see a short description of
what it is, some detail on its key features as well as an overview of what I've learned
from the project. Also, if available, a link to each project's repository can be found
in their respective descriptions. Lastly, if you would like to know more about any of
the projects listed below, feel free to contact me!</p>
<p>I will be updating the list once I have some more cool things to share.
<button class="btn port-intro" type="button" onclick="portfolioToggle()"
aria-expanded="false"> Toggle All Descriptions
</button>
</p>
</div>
</div>
</div>
</div>
<div class="fade">
<div class="card card-port">
<div class="card-header port" id="chatBotHeading">
<button id="_chatBot" class="btn port-header-btn text-left" type="button" data-toggle="collapse"
data-target="#chatBot" aria-expanded="true" aria-controls="chatBot">
Easy Seq2Seq Chatbot<br>
<span class="badge badge-info port-badge1">Python 3</span> <span
class="badge badge-info port-badge">Scipy</span> <span
class="badge badge-info port-badge">Keras</span>
<span class="badge badge-info port-badge">nltk</span> <span
class="badge badge-info port-badge">spaCy</span>
</button>
</div>
<div id="chatBot" class="collapse portfolioBody show" aria-labelledby="chatBotHeading">
<div class="card-body port text-justify">
<p>This was a personal project that I did in my free time.</p>
<p><b><i style="color: #68cdff">Description:</i></b> This project implements a chatbot using
a <a href="https://arxiv.org/pdf/1409.3215.pdf" target="_blank">sequence to sequence
(seq2seq) model</a>, but more importantly, it also has easy ways of defining model
parameters. This allows it to be used as a learning tool to demonstrate how different
data sets and model parameters affect a chatbot's fidelity.
</p>
<p><b><i style="color: #68cdff">Key Features:</i></b> It has variable parameters for the
model and data processing. It uses a vocab cache and an encoded data cache for quicker
data reprocessing. It can save and load models. It can recover and resume model training
if the script is interrupted. It uses a more memory friendly way of training the model,
so it can use relatively large data sets on standard hardware. It can use Name Entity
Recognition to improve the perplexity of the model’s responses.
</p>
<p><b><i style="color: #68cdff">Skills Acquired:</i></b> I learned how to use Keras to
implement a sequence to sequence model, and I learned how to filter a generic data set
for useful training data using NLTK and spaCy. I learned how to efficiently deal with
large data sets as well as how to implement an efficient caching system to greatly
reduce re-computation. Lastly, I learned how to use AWS EC2 GPU instances to train large
models with this project.
</p>
<div class="row">
<div class="col-md-9 col-xs-12 port-foot">
An in-depth overview and project files can be found on <a
href="https://github.com/Daniel-VDM" target="_blank">my GitHub page</a>.
</div>
<div class="col-md-3 col-xs-12 port-foot text-center">
<a type="button" href="https://github.com/Daniel-VDM/Easy-Seq2Seq-chatbot"
target="_blank" class="btn btn port-body-btn"><i class="fab fa-github"></i>
Project Repo</a>
</div>
</div>
</div>
</div>
</div>
<div class="card card-port">
<div class="card-header port" id="loranHeading">
<button id="_loran" class="btn port-header-btn text-left" type="button" data-toggle="collapse"
data-target="#loran" aria-expanded="false" aria-controls="loran">
Modernized eLoran Implementation<br>
<span class="badge badge-info port-badge1">Python 2</span> <span
class="badge badge-info port-badge1">C</span> <span
class="badge badge-info port-badge">CUnit</span> <span
class="badge badge-info port-badge">Scipy</span> <span
class="badge badge-info port-badge">Pandas</span>
</button>
</div>
<div id="loran" class="collapse portfolioBody show" aria-labelledby="loranHeading">
<div class="card-body port text-justify">
<p>This was the project that I worked on during my 2018 summer internship at Microsemi. <br>
For reference, <a href="https://www.gpsworld.com/innovation-enhanced-loran/"
target="_blank">eLoran</a> is a long range radio navigation
and data system that functions as a high-power <a
href="https://www.transportation.gov/pnt/what-positioning-navigation-and-timing-pnt"
target="_blank">PNT service</a>.
</p>
<p><b><i style="color: #68cdff">Description:</i></b> I was part of a team that worked on a
modernized eLoran scheme. The goal for this new scheme was to substantially increase
data rates and signal reliability while minimizing hardware upgrades of existing Loran
transmission stations. My contributions to the project were as follows: I learned and
documented the limits of the project's Transmission Timer Unit (TTU). I implemented the
new eLoran scheme in Python and created an API in C to interface it with the TTU.
Lastly, I created development tools and data collection tools for the TTU using Python
and C.
</p>
<p><b><i style="color: #68cdff">Key Features:</i></b> The project now has a "base" TTU logic
script that has a flexible API and efficiently interfaces with its hardware. All TTU
scripts now have easily modifiable parameters for on the fly scheme changes. The project
now has a development tool that can simulate a perfect TTU's behavior given a TTU logic
script. Lastly, the project now has a data collection tool that collects pulse timings,
command timings, buffer sizes, and various statuses and saves it as a Pandas data frame
for analysis.
</p>
<p><b><i style="color: #68cdff">Skills Acquired:</i></b> I learned how to effectively
communicate with multiple teams in order to get my tasks done efficiently. I learned how
to write programs that adhere to strict performance constraints. I learned how to use
sockets in C and Python so that I could interface programs over a network. I learned how
to use CUnit to test my C code. I learned how to store, process and analyze data using
Pandas and Scipy. Lastly, I learned how to use a Mercurial VCS.
</p>
<div class="row">
<div class="col-md-9 col-xs-12 port-foot">
The project files and scheme details are under an NDA, however I would be happy to
expand more on the topic (at least as much as I can) if asked. So please contact me
if you wish to know more.
</div>
<div class="col-md-3 col-xs-12 port-foot text-center">
<a type="button"
class="btn btn port-body-btn disabled"
aria-disabled="true"><i class="fab fa-github"></i> Project Repo</a>
</div>
</div>
</div>
</div>
</div>
<div class="card card-port">
<div class="card-header port" id="npApproxHeading">
<button id="_npApprox" class="btn port-header-btn text-left" type="button"
data-toggle="collapse"
data-target="#npApprox" aria-expanded="false" aria-controls="npApprox">
Approximate Solver for a NP-Hard Problem<br>
<span class="badge badge-info port-badge1">Python 3</span> <span
class="badge badge-info port-badge">Scipy</span> <span
class="badge badge-info port-badge">NetworkX</span>
</button>
</div>
<div id="npApprox" class="collapse portfolioBody show" aria-labelledby="npApproxHeading">
<div class="card-body port text-justify">
<p>This was the group project for the Efficient Algorithms and Intractable Problems <a
href="https://cs170.org/" target="_blank">course</a> at UC Berkeley. Our approximate
solver yielded solutions that were in the top 10% of all approximations in the course
(the ranking metric is explained in the repo).
</p>
<p><b><i style="color: #68cdff">Description:</i></b> The script approximates a solution to
the following problem: Given a group of children, friendship relations, <i>n</i> buses
and a set of trouble groups, find an assignment of students to the buses that maximizes
the number of friendship relations that are on the same bus. The difficulty comes from
this added condition: Groups of children that form a trouble group and are all assigned
to the same bus do not have their friendships counted.
</p>
<p><b><i style="color: #68cdff">Key Features:</i></b> It uses a greedy algorithm with
various heuristics and tie-breakers (each suited to a certain input/solution structure)
to compute a good initial solution in polynomial time. It uses a local search and a
simple Monte Carlo tree search to improve solutions. It has an easy way to visualize any
given input or partial solution as a graph using NetworkX.
</p>
<p><b><i style="color: #68cdff">Skills Acquired:</i></b> I learned how to come up with (and
implement) an effective and efficient greedy algorithm. I learned how to effectively
visualize problems as a graph using NetworkX. And most importantly, I learned to
coordinate and utilize the expertise of my team-mates as we all had different
backgrounds (EE, Math, and CS).
<p>
<div class="row">
<div class="col-md-9 col-xs-12 port-foot">
An in-depth overview and project files can be found on <a
href="https://github.com/Daniel-VDM" target="_blank">my GitHub page</a>.
</div>
<div class="col-md-3 col-xs-12 port-foot text-center">
<a type="button" href="https://github.com/Daniel-VDM/CS170_Project"
target="_blank" class="btn btn port-body-btn"><i class="fab fa-github"></i>
Project Repo</a>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header port" id="fileServerHeading">
<button id="_fileServer" class="btn port-header-btn text-left" type="button"
data-toggle="collapse"
data-target="#fileServer" aria-expanded="true" aria-controls="fileServer">
Concurrent Cached File Server<br>
<span class="badge badge-info port-badge1">Golang</span>
</button>
</div>
<div id="fileServer" class="collapse portfolioBody show" aria-labelledby="fileServerHeading">
<div class="card-body port text-justify">
<p>
This was the final project done for the Machine Structures <a href="https://cs61c.org/"
target="_blank">course</a>
taken at UC Berkeley.
</p>
<p><b><i style="color: #68cdff">Description:</i></b> This is a file server that features a
cache which can efficiently handle thousands of concurrent file requests.
</p>
<p><b><i style="color: #68cdff">Key Features:</i></b> It has a cache that is fully
associative (with random replacement) and has a variable size (which is defined on
start-up). It sanitizes the request's file path to mitigate a directory traversal
attack. It has an API to handle cache clear requests and cache status requests. It has a
toggleable debugging mode that logs file requests, file returns and cache contents.
The project also has a large test suite to ensure that the concurrent executions are
correct. Lastly, it has a testing framework that deliberately slows down hard-disk file
reads to visualize the cache's effectiveness.
</p>
<p><b><i style="color: #68cdff">Skills Acquired:</i></b> I learned how to program in Golang.
I learned how to write and debug a concurrently executed program. I learned how to
handle HTTP requests in Golang. I learned how to mitigate a directory traversal attack.
I learned how to thoroughly test my program using Golang's testing framework.
</p>
<div class="row">
<div class="col-md-9 col-xs-12 port-foot">
An in-depth overview and project files can be found on <a
href="https://github.com/Daniel-VDM" target="_blank">my GitHub page</a>.
</div>
<div class="col-md-3 col-xs-12 port-foot text-center">
<a type="button" href="https://github.com/Daniel-VDM/Concurrent-Cached-File-Server"
target="_blank" class="btn btn port-body-btn"><i class="fab fa-github"></i>
Project Repo</a>
</div>
</div>
</div>
</div>
</div>
<div class="card card-port">
<div class="card-header port" id="coRefHeading">
<button id="_coRef" class="btn port-header-btn text-left" type="button" data-toggle="collapse"
data-target="#coRef" aria-expanded="false" aria-controls="coRef">
Coreference Annotator<br>
<span class="badge badge-info port-badge1">Python 3</span> <span
class="badge badge-info port-badge">Scipy</span> <span
class="badge badge-info port-badge">Pandas</span>
<span class="badge badge-info port-badge">Scikit-learn</span> <span
class="badge badge-info port-badge">nltk</span>
</button>
</div>
<div id="coRef" class="collapse portfolioBody show" aria-labelledby="coRefHeading">
<div class="card-body port text-justify">
<p>This was a project done for the combined graduate/undergraduate Natural Language
Processing <a href="http://people.ischool.berkeley.edu/~dbamman/nlp18.html"
target="_blank">course</a> at UC Berkeley.
</p>
<p><b><i style="color: #68cdff">Description:</i></b> This project annotates the antecedent
for each pronoun in a given data set using a Logistic Regression model. It achieves a
~70% accuracy on a test data set.
</p>
<p><b><i style="color: #68cdff">Key Features:</i></b> It has an easy way to redefine and/or
add features for the logistic regression model. It efficiently uses memory when training
the model. Lastly, it does some filtering (based on mentions) on the training data set
to improve the accuracy of the model.<br>
<i>Note: Please reference the project <a
href="https://github.com/Daniel-VDM/Coreference-Annotator/blob/master/write-up.pdf"
target="_blank">write-up</a> (found in the project repository) for more details
about the model's features and data filtering.</i>
</p>
<p><b><i style="color: #68cdff">Skills Acquired:</i></b> I learned how to process large data
sets using Pandas. I learned how to work with NLTK to filer training data. I learned how
to work with Scikit-learn's Logistic Regression model. Lastly, I learned how to
efficiently encode data for the model using Numpy/Scipy.
<p>
<div class="row">
<div class="col-md-9 col-xs-12 port-foot">
An in-depth overview and project files can be found on <a
href="https://github.com/Daniel-VDM" target="_blank">my GitHub page</a>.
</div>
<div class="col-md-3 col-xs-12 port-foot text-center">
<a type="button" href="https://github.com/Daniel-VDM/Coreference-Annotator"
target="_blank" class="btn btn port-body-btn"><i class="fab fa-github"></i>
Project Repo</a>
</div>
</div>
</div>
</div>
</div>
<div class="card card-port">
<div class="card-header port" id="websiteHeading">
<button id="_website" class="btn port-header-btn text-left" type="button" data-toggle="collapse"
data-target="#website" aria-expanded="true" aria-controls="website">
My Personal Website<br>
<span class="badge badge-info port-badge1">HTML5</span> <span
class="badge badge-info port-badge1">CSS3</span> <span
class="badge badge-info port-badge1">JavaScript</span> <span
class="badge badge-info port-badge">Bootstrap 4</span>
</button>
</div>
<div id="website" class="collapse portfolioBody show" aria-labelledby="websiteHeading">
<div class="card-body port text-justify">
<p>This was a personal/professional project that I did in my free time.</p>
<p><b><i style="color: #68cdff">Description:</i></b> This is my personal/resume website that
I created from scratch while learning HTML, CSS and some JavaScript. It uses Bootstrap
and jQuary to handle most of the styling and interactive components. But I also wrote a
lot of additional CSS to customize the website to my taste.
</p>
<p><b><i style="color: #68cdff">Key Features:</i></b> It is ultra-wide and mobile friendly.
It has some custom JavaScript code for custom button and scroll functionalities. It uses
Font Awesome to keep all the icons up-to-date. It presents information in a clean,
non-cluttered fashion. It has a landing page that has all the essential information for
a recruiter. It has an easy way of adding (or taking out) content in each major section.
</p>
<p><b><i style="color: #68cdff">Skills Acquired:</i></b> I learned how to create and style
websites using HTML5 and CSS3. I learned how to use the Bootstrap 4 framework. I learned
how to add custom functionality to websites using JavaScript. Lastly, I learned how to
debug websites using Google Chrome's web page inspect tool.
</p>
<div class="row">
<div class="col-md-9 col-xs-12 port-foot">
The project files can be found on <a
href="https://github.com/Daniel-VDM" target="_blank">my GitHub page</a>.
</div>
<div class="col-md-3 col-xs-12 port-foot text-center">
<a type="button" href="https://github.com/Daniel-VDM/Daniel-VDM.github.io"
target="_blank" class="btn btn port-body-btn"><i class="fab fa-github"></i>
Project Repo</a>
</div>
</div>
</div>
</div>
</div>
<div class="card card-port">
<div class="card-header port" id="cnnHeading">
<button id="_cnn" class="btn port-header-btn text-left" type="button" data-toggle="collapse"
data-target="#cnn" aria-expanded="false" aria-controls="cnn">
Optimized CNN Image Classifier<br>
<span class="badge badge-info port-badge1">C</span>
<span class="badge badge-info port-badge">Valgrind</span>
<span class="badge badge-info port-badge">Gprof</span>
<span class="badge badge-info port-badge">Intel AVX</span> <span
class="badge badge-info port-badge">OpenMP</span>
</button>
</div>
<div id="cnn" class="collapse portfolioBody show" aria-labelledby="cnnHeading">
<div class="card-body port text-justify">
<p> This was an optimization project for the Machine Structures <a href="https://cs61c.org/"
target="_blank">course</a>
at UC Berkeley.
</p>
<p><b><i style="color: #68cdff">Description:</i></b> This project optimizes a batched
forward pass of a given Convolutional Neural Network (CNN) image classifier (implemented
in C). Note that a batch contains 1000+ pictures, and the program would run on a machine
that has an Intel Haswell CPU. My optimized classifier is about 20 times faster than
stock (for reference, a 16x gain was full points).
</p>
<p><b><i style="color: #68cdff">Key Features:</i></b> It uses Intel AVX intrinsics to
execute 4 additions simultaneously and 4 multiplications simultaneously (SIMD). It
unrolls each layer's "dot product for loop" to reduced overhead. It "blocks" out the
matrix multiplication to keep the working set hot in the CPU's cache. It does not leak
memory. Lastly, It splits the batch into mini-batches (according to the number of
threads that the machine has) and runs the forward passes for each mini-batch in
parallel using OpenMP.
</p>
<p><b><i style="color: #68cdff">Skills Acquired:</i></b> I learned how to use Gprof to
profile C programs. I learned how to use Intel AVX to efficiently execute a single
instruction on multiple matrix entries. Lastly, I learned how to use OpenMP to
parallelize the forward passes in a batch.
<p>
<div class="row">
<div class="col-md-9 col-xs-12 port-foot">
Since this project will be assigned in future offerings of Machine Structures
(CS61C) at UC Berkeley, I am unable to post my project files due to concerns of
plagiarism. However, I would be happy to send the files over upon requests.
</div>
<div class="col-md-3 col-xs-12 port-foot text-center">
<a type="button"
class="btn btn port-body-btn disabled"
aria-disabled="true"><i class="fab fa-github"></i> Project Repo</a>
</div>
</div>
</div>
</div>
</div>
<div class="card card-port">
<div class="card-header port" id="compilerHeading">
<button id="_compiler" class="btn port-header-btn text-left" type="button"
data-toggle="collapse"
data-target="#compiler" aria-expanded="false" aria-controls="compiler">
61Ccc Compiler (to RISC-V)<br>
<span class="badge badge-info port-badge1">C</span> <span
class="badge badge-info port-badge1">RISC-V</span>
<span class="badge badge-info port-badge">Valgrind</span>
<span class="badge badge-info port-badge">CUnit</span>
</button>
</div>
<div id="compiler" class="collapse portfolioBody show" aria-labelledby="compilerHeading">
<div class="card-body port text-justify">
<p> This was a project for the Machine Structures <a href="https://cs61c.org/"
target="_blank">course</a> at UC
Berkeley.
</p>
<p><b><i style="color: #68cdff">Description:</i></b> This project compiles 61Ccc code to
RISC-V. The 61Ccc language is a subset of the C that has the following: variable
declarations (with initialization and support for pointers), struct definitions,
function declarations/definitions, if/else statements, for loops, break statements,
continue statements and return statements. Furthermore, 61Ccc only has the following
data types: char, int, bool, struct, and pointers to the previous 4 types. Lastly, 61Ccc
only supports unary and binary operations.<br>
<i>Note: To run the compiled 61Ccc code, I used a RISC-V emulator called <a
href="https://venus.cs61c.org/" target="_blank">Venus</a></i>.
</p>
<p><b><i style="color: #68cdff">Key Features:</i></b> It has a lexer that catches syntax
errors and filters out comments. It has a parser that creates an abstract syntax tree
(AST). It has a debugging mode that prints the tokens and the AST. It has an error
handler that can report syntax errors and the associated line number from the AST. It
has a large CUnit test suit that ensures that the lexer, parser, and code generator
function correctly. It does not have a memory leak that grows proportional to the input
size. Lastly, it generates RISC-V code that adheres to the caller/callee saved
conventions for universal compatibility.
</p>
<p><b><i style="color: #68cdff">Skills Acquired:</i></b> I learned how to manage memory in
C. I learned how to use Valgrind to debug memory leaks and segfaults. I learned how to
create unit tests with CUnit. Lastly, I learned how to write RISC-V assembly.
<p>
<div class="row">
<div class="col-md-9 col-xs-12 port-foot">
Since this project will be assigned in future offerings of Machine Structures
(CS61C) at UC Berkeley, I am unable to post my project files due to concerns of
plagiarism. However, I would be happy to send the files over upon requests.
</div>
<div class="col-md-3 col-xs-12 port-foot text-center align-items-end">
<a type="button"
class="btn btn port-body-btn disabled"
aria-disabled="true"><i class="fab fa-github"></i> Project Repo</a>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="card card-port">-->
<!-- <div class="card-header port" id="npApproxHeading">-->
<!-- <button id="_npApprox" class="btn port-header-btn text-left" type="button"-->
<!-- data-toggle="collapse"-->
<!-- data-target="#npApprox" aria-expanded="false" aria-controls="npApprox">-->
<!-- TODO: THIS IS A TEMPLATE <br>-->
<!-- <span class="badge badge-info port-badge1">Code Temp</span> <span-->
<!-- class="badge badge-info port-badge">Framework Temp</span> -->
<!-- </button>-->
<!-- </div>-->
<!-- <div id="npApprox" class="collapse portfolioBody show" aria-labelledby="npApproxHeading">-->
<!-- <div class="card-body port text-justify">-->
<!-- <p>TODO: this is a template-->
<!-- </p>-->
<!-- <p><b><i style="color: #68cdff">Description:</i></b> TODO-->
<!-- </p>-->
<!-- <p><b><i style="color: #68cdff">Key Features:</i></b> TODO-->
<!-- </p>-->
<!-- <p><b><i style="color: #68cdff">Skills Acquired:</i></b> TODO-->
<!-- <p>-->
<!-- <div class="row">-->
<!-- <div class="col-md-9 col-xs-12 port-foot">-->
<!-- The project files and an in-depth overview can be found on <a-->
<!-- href="https://github.com/Daniel-VDM" target="_blank">my GitHub page</a>.-->
<!-- </div>-->
<!-- <div class="col-md-3 col-xs-12 port-foot text-center">-->
<!-- <a type="button" href="TODO: Link"-->
<!-- target="_blank" class="btn btn port-body-btn"><i class="fab fa-github"></i>-->
<!-- Project Repo</a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->