-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1562 lines (1444 loc) · 84.4 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
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>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-157485400-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-157485400-1');
</script>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1" name="viewport">
<title>Nidhi Jaju</title>
<meta content="Personal portfolio website about Nidhi Jaju including academic and professional details." name="description">
<meta content="Nidhi Jaju" name="author">
<!-- Favicons -->
<link href="assets/img/favicon-new.png" rel="icon">
<link href="assets/img/apple-touch-icon-new.png" rel="apple-touch-icon">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="assets/vendor/ionicons/css/ionicons.min.css" rel="stylesheet">
<link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet">
<link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: DevFolio - v2.0.0
* Template URL: https://bootstrapmade.com/devfolio-bootstrap-portfolio-html-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body id="page-top">
<!-- ======= Header/ Navbar ======= -->
<nav class="navbar navbar-b navbar-trans navbar-expand-md fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll" href="#page-top">Nidhi Jaju</a>
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarDefault" aria-controls="navbarDefault" aria-expanded="false" aria-label="Toggle navigation">
<span></span>
<span></span>
<span></span>
</button>
<div class="navbar-collapse collapse justify-content-end" id="navbarDefault">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link js-scroll active" href="#page-top">Home</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll" href="#workexp">Work Experience</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll" href="#education">Education</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll" href="#projects">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- ======= Intro Section ======= -->
<div id="home" class="intro route bg-image" style="background-image: url(assets/img/top-background.JPG)">
<div class="overlay-itro"></div>
<div class="intro-content display-table">
<div class="table-cell">
<div class="container">
<!--<p class="display-6 color-d">Hello, world!</p>-->
<h1 class="intro-title mb-4">I am Nidhi Jaju</h1>
<p class="intro-subtitle"><span class="text-slider-items">University Student, Software Engineer, Electronics Engineer, Graphic Designer</span><strong class="text-slider"></strong></p>
<!-- <p class="pt-3"><a class="btn btn-primary btn js-scroll px-4" href="#about" role="button">Learn More</a></p> -->
<div class=sub_div>
<div class="header-socials">
<ul>
<li><a href="mailto:[email protected]"><span class="ico-circle"><i class="ion-email"></i></span></a></li>
<li><a href="https://www.linkedin.com/in/nidhijaju/"><span class="ico-circle"><i class="ion-social-linkedin"></i></span></a></li>
<li><a href="https://github.com/nidhijaju"><span class="ico-circle"><i class="ion-social-github"></i></span></a></li>
<li><a href="https://www.facebook.com/nidhi.jaju.77"><span class="ico-circle"><i class="ion-social-facebook"></i></span></a></li>
<li><a href="https://www.instagram.com/nidhijaju"><span class="ico-circle"><i class="ion-social-instagram"></i></span></a></li>
<!-- <li><a href=""><span class="ico-circle"><i class="ion-social-twitter"></i></span></a></li>
<li><a href=""><span class="ico-circle"><i class="ion-social-pinterest"></i></span></a></li> -->
</ul>
</div>
</div>
</div>
</div>
</div>
</div><!-- End Intro Section -->
<main id="main">
<!-- ======= About Section ======= -->
<section id="about" class="about-mf sect-pt4 route">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="box-shadow-full">
<div class="row">
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 col-md-5">
<div class="about-img">
<img src="assets/img/profile-2.JPG" class="img-fluid rounded b-shadow-a" alt="">
</div>
</div>
<div class="col-sm-6 col-md-7">
<div class="about-info">
<p><span class="title-s">Name: </span> <span>Nidhi Jaju</span></p>
<p><span class="title-s">Profile: </span> <span>Software Engineer and Technology Enthusiast</span></p>
<p><span class="title-s">Email: </span> <span>[email protected]</span></p>
<!-- <p><span class="title-s">Phone: </span> <span>+44 7597 720819</span></p> -->
</div>
</div>
</div>
<div class="skill-mf">
<p class="title-s">Technical Skills</p>
<span>C/C++</span>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 85%;" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span>Python</span>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span>Java</span>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span>ARM Assembly</span>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span>Verilog</span>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span>MATLAB</span>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span>F#</span>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span>SQL</span>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span>HTML/CSS</span>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span>Adobe Photoshop/Illustrator</span>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span>Microsoft Office Suite</span>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="about-me pt-4 pt-md-0">
<div class="title-box-2">
<h5 class="title-left">
About me
</h5>
</div>
<p class="lead">
I am a final year MEng Electronic and Information Engineering student at Imperial College London. I
was born in India, and lived in Tokyo for all of my life and grew up there, before moving
to London for university. I was always interested in maths and sciences and after participating
in the Conrad Spirit of Innovation Challenge in high school and going through the whole engineering
process of desiging a renewable energy heater, I knew this was the field for me. I loved the whole
process of discussing, planning, and pitching to testing, prototyping, and finally having a final
product and seeing it all come to life before my eyes. Since coming to university, I have gained a
lot more in-depth experience with software engineering and lower level aspects of electronics.
Through my projects and learning that I have conducted, I have really
enjoyed seeing the connection between software and hardware and how it all works together.
</p>
<p class="lead">
My international background has really given me a lot of opportunities to interact with many
different people from around the world with various perspectives, which has helped me to not only
become more open-minded but more knowledgeable as well. I aspire to use my passion for engineering
and combine it with my desire to connect with people to build products and services that can make
their lives easier and more enjoyable.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section><!-- End About Section -->
<!-- resume Section ================================================== -->
<section id="resume" class="grey-section">
<!-- <div class="row section-intro">
<div class="col-twelve">
<h5>RESUME</h5>
<h1>More of my credentials.</h1>
<p class="lead"></p>
</div>
</div> /section-intro -->
<div class="row resume-timeline">
<div id="workexp" class="col-twelve resume-header">
<h2>Work Experience</h2>
</div> <!-- /resume-header -->
<div class="col-twelve">
<div class="timeline-wrap">
<div class="timeline-block">
<div class="timeline-ico">
<i class="fa fa-briefcase"></i>
</div>
<div class="timeline-header">
<h3>Google</h3>
<h6>Tokyo, Japan</h6>
<p>October 2020 - December 2020</p>
</div>
<div class="timeline-content">
<h4>Software Engineer Intern</h4>
<p>Worked on the Chrome Browser team again, specifically on implementing and adding support for a new Networking API
called Readable Byte Streams in the Blink Renderer Process in Chrome, which was shipped in M89. Contributed to the
API spec and added new web-platform tests for untested cases. Benchmarking tests showed up to 9x better
performance to read byte chunks compared to the default streams implementation.
</p>
</div>
</div> <!-- /timeline-block -->
<div class="timeline-block">
<div class="timeline-ico">
<i class="fa fa-briefcase"></i>
</div>
<div class="timeline-header">
<h3>Google</h3>
<h6>Tokyo, Japan</h6>
<p>April 2020 - August 2020</p>
</div>
<div class="timeline-content">
<h4>Software Engineer Intern</h4>
<p>Worked on the Chrome Browser team, specifically on Service Workers and mitigating one of the top Out of Memory
crashers in the Service Worker codebase when there are too many service worker registrations. Implemented both
back end and front end parts of project, and was able to successfully reduce almost all of the crashes through
my contributions. (Continued to contribute to Chromium as an external contributor after internship ended.)
</p>
</div>
</div> <!-- /timeline-block -->
<div class="timeline-block">
<div class="timeline-ico">
<i class="fa fa-briefcase"></i>
</div>
<div class="timeline-header">
<h3>Imperial College London</h3>
<h6>London, UK</h6>
<p>October 2019 - December 2019</p>
</div>
<div class="timeline-content">
<h4>Undergraduate Teaching Assistant</h4>
<p>Responsible for assisting weekly computing lab sessions in Department of Electrical & Electronic Engineering
for 1st Year undergraduate students. Also, introduced good software engineering practices with a focus on teaching
key programming concepts in weekly C++ exercises.
</p>
</div>
</div> <!-- /timeline-block -->
<div class="timeline-block">
<div class="timeline-ico">
<i class="fa fa-briefcase"></i>
</div>
<div class="timeline-header">
<h3>Imagination Technologies</h3>
<h6>Hertfordshire, UK</h6>
<p>June 2019 - September 2019</p>
</div>
<div class="timeline-content">
<h4>GPU Compute & Vision Software Engineer Summer Intern</h4>
<p>Tested and analysed the performance of neural network frameworks on PowerVR GPUs, with a focus
on TVM (open deep learning compiler stack) in comparison to IMG DNN (Imagination’s graph compilation library).
Also, auto-tuned neural networks, and implemented & optimised matmul operations using OpenCL kernels.</p>
</div>
</div> <!-- /timeline-block -->
<div class="timeline-block">
<div class="timeline-ico">
<i class="fa fa-briefcase"></i>
</div>
<div class="timeline-header">
<h3>Fujitsu</h3>
<h6>Tokyo, Japan</h6>
<p>September 2018</p>
</div>
<div class="timeline-content">
<h4>Summer Intern</h4>
<p>Worked together with Japanese university students to plan and propose a solution that utilizes
ICT for future Japan and present it to the senior employees of the affiliated companies of Fujitsu.</p>
</div>
</div> <!-- /timeline-block -->
<div class="timeline-block">
<div class="timeline-ico">
<i class="fa fa-briefcase"></i>
</div>
<div class="timeline-header">
<h3>SUNCORPORTATION (サン電子株式会社)</h3>
<h6>Tokyo, Japan</h6>
<p>September 2018</p>
</div>
<div class="timeline-content">
<h4>IoT Summer Intern</h4>
<p>Worked with other Japanese university students to design and build an IoT system using an Arduino,
M2M router, and touch, light, and human sensors, and presented at every step of the design process to the IoT team.</p>
</div>
</div> <!-- /timeline-block -->
<div class="timeline-block">
<div class="timeline-ico">
<i class="fa fa-briefcase"></i>
</div>
<div class="timeline-header">
<h3>Firebird</h3>
<h6>Tokyo, Japan</h6>
<p>November 2015 - September 2017</p>
</div>
<div class="timeline-content">
<h4>Founder & Team Lead</h4>
<p>Designed a renewable energy heater utilising phase change materials to aid refugees and remote areas as part of
the Conrad Spirit of Innovation Challenge. Top 5 Finalist and won the Power Pitch Award at Conrad Summit held at NASA
Kennedy Space Center, Florida. Product is patent pending and in process of commercialisation.</p>
</div>
</div> <!-- /timeline-block -->
<div class="timeline-block">
<div class="timeline-ico">
<i class="fa fa-briefcase"></i>
</div>
<div class="timeline-header">
<h3>Shibaura Institute of Technology</h3>
<h6>Tokyo, Japan</h6>
<p>July 2016</p>
</div>
<div class="timeline-content">
<h4>Summer Research Intern</h4>
<p>2-week international high school students internship programme at the Induction Motors Laboratory in the
Department of Electrical Engineering at the Shibaura Institute of Technology.</p>
</div>
</div> <!-- /timeline-block -->
</div> <!-- /timeline-wrap -->
</div> <!-- /col-twelve -->
</div> <!-- /resume-timeline -->
<div class="row resume-timeline">
<div id="education" class="col-twelve resume-header">
<h2>Education</h2>
</div> <!-- /resume-header -->
<div class="col-twelve">
<div class="timeline-wrap">
<div class="timeline-block">
<div class="timeline-ico">
<i class="fa fa-graduation-cap"></i>
</div>
<div class="timeline-header">
<h3>Imperial College London</h3>
<h6>London, UK</h6>
<p>September 2017 - Present</p>
</div>
<div class="timeline-content">
<h4>MEng Electronic & Information Engineering</h4>
<!-- <p> <u>Expected Grade:</u> Upper second honours (2:1)</p> -->
<p> <u>Key modules:</u> Algorithms and Data Structures, Software Engineering I/II, Databases, Mathematics,
Machine Learning, Computer Vision, Robotics, Computer Networks & Distributed Systems, Language Processors,
Computer Architecture, Analysis of Circuits, Digital Electronics, FPGA Design, Signals and Communications
</p>
<!-- <p> <u>Imperial Horizons:</u> Passed with Merit in Spanish 1, Manadarin 1, and Japanese 5
</p> -->
<p><u>Activities:</u> Electrical Engineering Society (WiEE President), Department of Computing Society,
Women in Electrical Engineering (President), NHSF Hindu Society (Vice-President), Indian Society, Yoga Club</p>
</div>
</div> <!-- /timeline-block -->
<div class="timeline-block">
<div class="timeline-ico">
<i class="fa fa-graduation-cap"></i>
</div>
<div class="timeline-header">
<h3>Seisen International School</h3>
<h6>Tokyo, Japan</h6>
<p>August 2004 - June 2017</p>
</div>
<div class="timeline-content">
<h4>International Baccalaureate</h4>
<p>Valedictorian of the Class of 2017</p>
<p>
<u>IB Subjects:</u> Higher Level: Mathematics, Physics, Visual Arts, Japanese B; Standard Level: Economics, English A: Literature (May 2017)
</p>
<p>
<u>IGCSE Subjects:</u> AS-Level Mathematics - A (May 2015); IGCSE Co-ordinated Sciences (Double Award) - A* (May 2015) & International Mathematics - A* (May 2014)
</p>
<p><u>Activities:</u> Varsity Debate, TASSEL (Chapter Co-President), Brainbowl, Yearbook (Co-Editor-in-Chief), Model United Nations,
Seisen Mathematical Society, Track & Field, Volleyball</p>
</div>
</div> <!-- /timeline-block -->
<div class="timeline-block">
<div class="timeline-ico">
<i class="fa fa-graduation-cap"></i>
</div>
<div class="timeline-header">
<h3>Stanford University</h3>
<h6>California, US</h6>
<p>June 2015 - July 2015</p>
</div>
<div class="timeline-content">
<h4>Summer Program</h4>
<p>Stanford Pre-Collegiate Summer Institutes (3-week subject intensive program)
Program: Topics in Engineering</p>
</div>
</div> <!-- /timeline-block -->
</div> <!-- /timeline-wrap -->
</div> <!-- /col-twelve -->
</div> <!-- /resume-timeline -->
</section> <!-- /features -->
<!--
======= Services Section =======
<section id="service" class="services-mf route">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="title-box text-center">
<h3 class="title-a">
Work Experience
</h3>
<p class="subtitle-a"></p>
Since joining university, I have undertaken some internships during my summer breaks especially
to give me some practical hands-on experience. Th
Lorem ipsum, dolor sit amet consectetur adipisicing elit.
</p>
<div class="line-mf"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="service-box">
<div class="service-ico">
<span class="ico-circle"><i class="ion-monitor"></i></span>
</div>
<div class="service-content">
<h2 class="s-title">Web Design</h2>
<p class="s-description text-center">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni adipisci eaque autem fugiat! Quia,
provident vitae! Magnifici
tempora perferendis eum non provident.
</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="service-box">
<div class="service-ico">
<span class="ico-circle"><i class="ion-code-working"></i></span>
</div>
<div class="service-content">
<h2 class="s-title">Web Development</h2>
<p class="s-description text-center">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni adipisci eaque autem fugiat! Quia,
provident vitae! Magni
tempora perferendis eum non provident.
</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="service-box">
<div class="service-ico">
<span class="ico-circle"><i class="ion-camera"></i></span>
</div>
<div class="service-content">
<h2 class="s-title">Photography</h2>
<p class="s-description text-center">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni adipisci eaque autem fugiat! Quia,
provident vitae! Magni
tempora perferendis eum non provident.
</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="service-box">
<div class="service-ico">
<span class="ico-circle"><i class="ion-android-phone-portrait"></i></span>
</div>
<div class="service-content">
<h2 class="s-title">Responsive Design</h2>
<p class="s-description text-center">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni adipisci eaque autem fugiat! Quia,
provident vitae! Magni
tempora perferendis eum non provident.
</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="service-box">
<div class="service-ico">
<span class="ico-circle"><i class="ion-paintbrush"></i></span>
</div>
<div class="service-content">
<h2 class="s-title">Graphic Design</h2>
<p class="s-description text-center">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni adipisci eaque autem fugiat! Quia,
provident vitae! Magni
tempora perferendis eum non provident.
</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="service-box">
<div class="service-ico">
<span class="ico-circle"><i class="ion-stats-bars"></i></span>
</div>
<div class="service-content">
<h2 class="s-title">Marketing Services</h2>
<p class="s-description text-center">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni adipisci eaque autem fugiat! Quia,
provident vitae! Magni
tempora perferendis eum non provident.
</p>
</div>
</div>
</div>
</div>
</div>
</section>End Services Section -->
<!-- ======= Counter Section ======= -->
<div class="section-counter paralax-mf bg-image" style="background-image: url(assets/img/counters-bg.jpg)">
<div class="overlay-mf"></div>
<div class="container">
<div class="row">
<div class="col-sm-3 col-lg-3">
<div class="counter-box counter-box pt-4 pt-md-0">
<div class="counter-ico">
<span class="ico-circle"><i class="ion-ios-world"></i></span>
</div>
<div class="counter-num">
<p class="counter">9</p>
<span class="counter-text">COUNTRIES TRAVELLED</span>
</div>
</div>
</div>
<div class="col-sm-3 col-lg-3">
<div class="counter-box pt-4 pt-md-0">
<div class="counter-ico">
<span class="ico-circle"><i class="ion-ios-chatbubble"></i></span>
</div>
<div class="counter-num">
<p class="counter">3</p>
<span class="counter-text">FLUENT LANGUAGES</span>
<p class="counter-subtext">(English, Japanese, Hindi)</p>
</div>
</div>
</div>
<div class="col-sm-3 col-lg-3">
<div class="counter-box pt-4 pt-md-0">
<div class="counter-ico">
<span class="ico-circle"><i class="ion-checkmark-circled"></i></span>
</div>
<div class="counter-num">
<p class="counter">38</p>
<span class="counter-text">UNIVERSITY MODULES TAKEN</span>
</div>
</div>
</div>
<div class="col-sm-3 col-lg-3">
<div class="counter-box pt-4 pt-md-0">
<div class="counter-ico">
<span class="ico-circle"><i class="ion-ios-paper"></i></span>
</div>
<div class="counter-num">
<p class="counter">3</p>
<span class="counter-text">YEARS OF WORK EXPERIENCE</span>
</div>
</div>
</div>
</div>
</div>
</div><!-- End Counter Section -->
<!-- ======= Portfolio Section ======= -->
<section class="portfolio-mf sect-pt4 route">
<div id="projects" class="container">
<div class="row">
<div class="col-sm-12">
<div class="title-box text-center">
<h3 class="title-a">
Projects
</h3>
<p class="subtitle-a">
Check out some of the projects I have completed over the past few years shown below.
</p>
<div class="line-mf"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="work-box">
<div id="chrome-inline-content" style="display: none;">
<img src="assets/img/chrome-popup.png" alt="" style="width: 60%; display: block; margin: auto;">
<h3 style="text-align: center; margin-left: 20px; margin-right: 20px;">Chromium Project Contributions
</h3>
<h5 style="text-align: center; margin-left: 20px; margin-right: 20px;">
Languages Used: C++, HTML, CSS, Javascript, Perl Data Language
</h5>
<p style="text-align: center; margin-left: 20px; margin-right: 20px;">
As a part of my software engineering internship at Google, I have had the chance to contribute to the open-source
Chromium project. Initially, my initial project was to mitigate Chrome crashes happening in DevTools and
chrome://serviceworker-internals when a user has too many service worker registrations.
</p>
<p style="text-align: center; margin-left: 20px; margin-right: 20px;">
Initially to get used to contribute to Chromium, I helped my manager on his ongoing project to move the service
worker storage to use a mojo interface. I have also been working on improving the code health of the service
worker codebase, such as using preferred data types, changing to less thread hopping, and removing unnecessary
data structures among other things.
</p>
<p style="text-align: center; margin-left: 20px; margin-right: 20px;">
My main project became much bigger and higher priority when more bug reports starting coming in, which showed
that the crashes were not only happening in DevTools and the internal page, but also on browser startup which
was alarming. We found the root function causing the issue, which was retrieving all registrations. I have been
working on changing all the relevant call sites and use cases of this function, by writing design docs and making
changes to how these registrations are read based on how the information is used. Most of these changes will be
included in Chrome M85/M86.
</p>
<p style="text-align: center; margin-left: 20px; margin-right: 20px;">
Working on such a big open-source project like Chrome has also been an invaluable experience in itself because
of the fast-paced nature of how things change. I have also been privileged that I have gotten to work on a
project that became high priority, as well as, getting the opportunity to have my work reviewed by some very
important people in the company.
</p>
<p style="text-align: center; margin-left: 20px; margin-right: 20px;">
<b>See more about contributions at: <a href="https://chromium-review.googlesource.com/q/owner:nidhi+jaju">Chromium CLs</a></b>
</p>
</div>
<a href="#chrome-inline-content" class="venobox" data-gall="portfolioGallery" data-vbtype="inline">
<div class="work-img">
<img src="assets/img/chrome-project.jpg" alt="" class="img-fluid">
</div>
<div class="work-content">
<div class="row">
<div class="col-sm-8">
<h2 class="w-title">Chromium Project Contributions</h2>
<div class="w-more">
<span class="w-ctegory">Open-source, Software Engineering</span> / <span class="w-date">July
2020</span>
</div>
</div>
<div class="col-sm-4">
<div class="w-like">
<span class="ion-ios-plus-outline"></span>
</div>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="col-md-4">
<div class="work-box">
<div id="nlp-inline-content" style="display: none;">
<img src="assets/img/hlp-project.JPG" alt="" style="width: 60%; display: block; margin: auto; padding-top: 20px;">
<h3 style="text-align: center; margin-left: 20px; margin-right: 20px; padding-top: 20px;">NLP Inference Engine</h3>
<h5 style="text-align: center; margin-left: 20px; margin-right: 20px;">
Languages Used: F#, .NET Core, Fable
</h5>
<p style="text-align: center; margin-left: 20px; margin-right: 20px;">
This was a third year group project as part of the High Level Programming module. Our task was to create a
large software project using Microsoft’s functional language F# in .NET Core environment. Our project was
self-proposed; as we had an interest in Artificial Intelligence, especially Natural Language Processing,
we decided to create an inference engine using predicate logic (a formal logic framework).
</p>
<p style="text-align: center; margin-left: 20px; margin-right: 20px;">
My main individual part was to create the Parser and Abstract Syntax Tree for the inference engine. This
required pulling on knowledge from my Language Processors module as well as effectively using my knowledge
of F# that I had gained through the HLP module. As we introduced more and more grammar to our system, I had
to take into consideration how the input and output of my part would work as well, to be able to effectively
communicate with the logic evaluation modules that would come later on. I defined Discriminated Union struct
types, manipulated lists and maps, and learned to use the Expecto test framework to perform unit testing on
my code for robustness. Finally, as a group, we designed an Electron Fable app to interact with our back-end
modules.
</p>
<p style="text-align: center; margin-left: 20px; margin-right: 20px;">
Overall, this project was a good way to combine interests and knowledge from several different modules as
well as deepen my knowledge of using functional languages such as F#.
</p>
<p style="text-align: center; margin-left: 20px; margin-right: 20px;">
<b>See the source code for this project on Github <a href="https://github.com/nidhijaju/NLP-Logic-Inference-Engine">here.</a></b>
</p>
</div>
<a href="#nlp-inline-content" class="venobox" data-gall="portfolioGallery" data-vbtype="inline">
<div class="work-img">
<img src="assets/img/hlp-project.JPG" alt="" class="img-fluid">
</div>
<div class="work-content">
<div class="row">
<div class="col-sm-8">
<h2 class="w-title">NLP Inference Engine</h2>
<div class="w-more">
<span class="w-ctegory">AI, NLP, Functional Programming</span> / <span class="w-date">March 2020</span>
</div>
</div>
<div class="col-sm-4">
<div class="w-like">
<span class="ion-ios-plus-outline"></span>
</div>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="col-md-4">
<div class="work-box">
<div id="mumono-inline-content" style="display: none;">
<img src="assets/img/mumono-project.png" alt="" style="width: 60%; display: block; margin: auto; padding-top: 20px;">
<h3 style="text-align: center; margin-left: 20px; margin-right: 20px; padding-top: 20px;">Mumono (IoT Project)
</h3>
<h5 style="text-align: center; margin-left: 20px; margin-right: 20px;">
Languages/Technologies Used: Python, ReactJS, Firebase, RasberryPi
</h5>
<p style="text-align: center; margin-left: 20px; margin-right: 20px;">
This was a third year group project as part of the Embedded Systems module. Our project brief was
to create an IoT device and advertise it to a target audience, and hence it was a highly fun,
innovative, and creative project. We decided to tackle the problem of the harmful effects of
secondary smoking on infants. Our IoT device detects harmful gases e.g. CO2 and send alerts
to the parent/guardian via a web application. As we wanted to make our product a little more diverse,
we added some more functionality such as by including an accelerometer for fall detection, and a
temperature sensor to measure the body’s temperature. As it would be unsafe and undesirable to attach
a device to a baby, so we advertised our product in the form of an IoT onesie embedded with the sensor
devices.
</p>
<p style="text-align: center; margin-left: 20px; margin-right: 20px;">
We used a RasberryPi to interface with the sensors, and used HTTPS to interact with our app which
was hosted on Firebase. We also had to create a marketing website along with video and presentation
for our peers. I really enjoy designing webpages and posters so it was a good experience to be able
to use my graphic design skills to create a visually appealing marketing plan for the audience. I
also started an instagram account to further enhance our social media presence throughout the
process as you would with any new startup.
</p>
<p style="text-align: center; margin-left: 20px; margin-right: 20px;">
It was a great experience to get a more overall feel for how to create a product as it included
planning, designing, implementing, and marketing.
</p>
<p style="text-align: center; margin-left: 20px; margin-right: 20px;">
<b>See the source code for this project on Github <a href="https://github.com/nidhijaju/Mumono-IoT">here.</a></b>
</p>
</div>
<!-- <a href="assets/img/chrome-popup.png" data-gall="portfolioGallery" class="venobox"> -->
<a href="#mumono-inline-content" class="venobox" data-gall="portfolioGallery" data-vbtype="inline">
<div class="work-img">
<img src="assets/img/mumono-project.png" alt="" class="img-fluid">
</div>
<div class="work-content">
<div class="row">
<div class="col-sm-8">
<h2 class="w-title">Mumono (IoT Project)</h2>
<div class="w-more">
<span class="w-ctegory">Embedded Systems, IoT</span> / <span class="w-date">February 2020</span>
</div>
</div>
<div class="col-sm-4">
<div class="w-like">
<span class="ion-ios-plus-outline"></span>
</div>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="col-md-4">
<div class="work-box">
<div id="compiler-inline-content" style="display: none;">
<img src="assets/img/compiler-project.png" alt="" style="width: 60%; display: block; margin: auto; padding-top: 20px;">
<h3 style="text-align: center; margin-left: 20px; margin-right: 20px; padding-top: 20px;">C90 Compiler</h3>
<h5 style="text-align: center; margin-left: 20px; margin-right: 20px;">
Technologies Used: C++, Flex, Bison, Bash, Command line
</h5>
<p style="text-align: center; margin-left: 20px; margin-right: 20px;">
This was a second year pair project as a part of the Language Processing module, and was essentially an
extension to the MIPS Simulator project. The focus of the project was to design a compiler that could
translate given C code into the equivalent MIPS assembly. We also had to provide an automated test suite
which would automate the compiler testing process. Furthermore, we had to design the lexer, parser, and
code generator.
</p>
<p style="text-align: center; margin-left: 20px; margin-right: 20px;">
I learned to use Flex to create the lexer which generates tokens for every matching regular expressions
found. We used Bison to write the grammar for the functions in the parser and build our Abstract Syntax
Tree (AST). The last part, the code generator, was the biggest challenge; transforming the AST into
equivalent machine code required manipulation of data and in-depth understanding of stack operations.
</p>
<p style="text-align: center; margin-left: 20px; margin-right: 20px;">
Our main design decision was to treat the MIPS CPU as a stack machine rather than as a register based CPU,
to avoid any issues with managing the contents of the registers. We decided to do this as the compiler would
not be marked on performance, but rather only for accuracy. The main challenge we faced was trying to get
the memory allocation on the stack to work correctly. However, in the end we were able to successfully
implement a C90 compiler according to the project specification.
</p>
<p style="text-align: center; margin-left: 20px; margin-right: 20px;">
As an additional deliverable, we also had to create a C-to-Python translator, which only supported a limited
number of C features, so that we could better understand how to lex C code to a much simpler Python.
</p>
<p style="text-align: center; margin-left: 20px; margin-right: 20px;">
Building this compiler was definitely a huge milestone in my software engineering career, and it was
definitely very rewarding as I learned a lot.
</p>
<p style="text-align: center; margin-left: 20px; margin-right: 20px;">
<b>Project source code on Github: <a href="https://github.com/nidhijaju/C90-to-MIPS-Compiler">C90-to-MIPS-Compiler</a></b>
</p>
</div>
<a href="#compiler-inline-content" class="venobox" data-gall="portfolioGallery" data-vbtype="inline">
<div class="work-img">
<img src="assets/img/compiler-project.png" alt="" class="img-fluid">
</div>
<div class="work-content">
<div class="row">
<div class="col-sm-8">
<h2 class="w-title">C90 Compiler</h2>
<div class="w-more">
<span class="w-ctegory">Language Processing, Compiler Design</span> / <span class="w-date">March 2019</span>
</div>
</div>
<div class="col-sm-4">
<div class="w-like">
<span class="ion-ios-plus-outline"></span>
</div>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="col-md-4">
<div class="work-box">
<div id="mips-inline-content" style="display: none;">
<img src="assets/img/mips-project.png" alt="" style="width: 60%; display: block; margin: auto; padding-top: 20px;">
<h3 style="text-align: center; margin-left: 20px; margin-right: 20px; padding-top: 20px;">MIPS CPU Simulator</h3>
<h5 style="text-align: center; margin-left: 20px; margin-right: 20px;">
Technologies Used: C++, Bash, Command line
</h5>
<p style="text-align: center; margin-left: 20px; margin-right: 20px;">
This was a second year pair project as a part of the Computer Architecture module. It was designed to use our
knowledge from our lessons to build a CPU simulator that executes binary files based on the MIPS assembly
language rules according to the Instruction Set Architecture. We also had to provide a testbench for the
simulator to run unit tests on each command supported by our or any other simulator, which endedup consisting
of over 250 tests.
</p>
<p style="text-align: center; margin-left: 20px; margin-right: 20px;">
One of the challenges that we faced was trying to understand the MIPS ISA, especially the LWL and LWR
instructions which would read read a character from stdin. However, in the end we were able to successfully
implement all 52 instructions (R, I, and J types) as per given specification for the project and were able to pass all of the
assessed tests. We also had to simulate the load delay slot which is caused by the MIPS pipelining, which was
done by adding a second program pointer that would decrypt the next instruction whilst the other was running.
</p>
<p style="text-align: center; margin-left: 20px; margin-right: 20px;">
Overall, this project was very challenging and time-consuming, but was very rewarding and enjoyable as well.
Working on building this simulator was one of the biggest software projects I had completed until then, and the
fact that we had to write a testbench really helped us to set milestones as we progressing through the projects,
which is an important skill for all of my future projects.
</p>
<p style="text-align: center; margin-left: 20px; margin-right: 20px;">
<b>Project source code on Github: <a href="https://github.com/nidhijaju/MIPS-Simulator">MIPS-Simulator</a></b>
</p>
</div>
<a href="#mips-inline-content" class="venobox" data-gall="portfolioGallery" data-vbtype="inline">
<div class="work-img">
<img src="assets/img/mips-project.png" alt="" class="img-fluid">
</div>
<div class="work-content">
<div class="row">
<div class="col-sm-8">
<h2 class="w-title">MIPS CPU Simulator</h2>
<div class="w-more">
<span class="w-ctegory">Computer Architecture</span> / <span class="w-date">November 2018</span>
</div>
</div>
<div class="col-sm-4">
<div class="w-like">
<span class="ion-ios-plus-outline"></span>
</div>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="col-md-4">
<div class="work-box">
<div id="fpga-inline-content" style="display: none;">
<img src="assets/img/fpga-project.png" alt="" style="width: 60%; display: block; margin: auto; padding-top: 20px;">