-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
820 lines (817 loc) · 52.1 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
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta property="og:site_name" content="Jahan Cherian>
<meta property="og:title" content="About Jahan Cherian">
<meta property="og:description" content="Learn more about Jahan Cherian">
<meta property="og:image" content="images/logo.png">
<meta property="og:url" content="www.jahancherian.com">
<meta property="og:type" content="blog">
<title> Jahan Cherian's Website </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="images/mini.png" type="image/png"/>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="stylesheets/main.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="javascript/main.js"></script>
</head>
<body>
<div class="container">
<div class="upper-nav">
<div class="my-logo">
<span class="main-logo">
<a href="#about" onclick="goHome(event)">
<img src="images/logo.png" >
</a>
</span>
</div>
<div class="nav-container">
<div class="nav-bar">
<div class="contains">
<div onclick="changeContent(event)" class="items">
<a href="#about" onclick="return false">
<img class="off" src="images/about_img_off.png">
<img class="on" src="images/about_img.png">
</a>
</div>
<div onclick="changeContent(event)" class="items">
<a href="#work" onclick="return false">
<img class="off" src="images/work_img_off.png">
<img class="on" src="images/work_img.png">
</a>
</div>
<div onclick="changeContent(event)" class="items">
<a href="#notes" onclick="return false">
<img class="off" src="images/notes_img_off.png">
<img class="on" src="images/notes_img.png">
</a>
</div>
<!---<div class="items">
<a href="blog/_site/index.html">
<img class="off" src="images/blog_off.png">
<img class="on" src="images/blog.png">
</a>
</div>-->
<div onclick="changeContent(event)" class="items">
<a href="#contact" onclick="return false">
<img class="off" src="images/contact_img_off.png">
<img class="on" src="images/contact_img.png">
</a>
</div>
<div onclick="changeContent(event)" class="items">
<a href="#foryou" onclick="return false">
<img class="off" src="images/for_you_off.png">
<img class="on" src="images/for_you.png">
</a>
</div>
</div>
<div class="work-contains">
<div onclick="switchWorkContent(event)" id="code-nav" class="items sub-items">
<a href="#code" onclick="return false">
<img class="off" src="images/code_img_off.png">
<img class="on" src="images/code_img.png">
</a>
</div>
<div onclick="switchWorkContent(event)" id="design-nav" class="items sub-items">
<a href="#design" onclick="return false">
<img class="off" src="images/design_img_off.png">
<img class="on" src="images/design_img.png">
</a>
</div>
</div>
<div class="toggle" onclick="showAll(event)" style="display:none">
<img id="nav" src="images/hamburger.png" alt="Hamburger" style="width:20px">
</div>
</div>
</div>
</div>
<div class="main-content">
<div id="about" class="about" >
<p> Indian born, Dubai raised, British taught, American schooled… I am a multi-cultured and world travelled <b>computer science major</b> currently in my <b>senior year</b> at <b>UCLA</b>.<br>
In my journey through the road of 1’s and 0’s I have found that the true power of a computer scientist lies in the ability to shape reality and transform the future all while sitting behind the screen of a 13-inch computer.
I have learnt that it is not only the movement of one’s fingers across a sleek keyboard, transcribing code like a conductor directs a musical masterpiece,
but also the ability to convey my ideas and share my experiences and learnings that allows me to help shape the lives around me for the better.<br>
I am constantly curious about the ever changing world of software engineering, having first found love as an avid <b>iOS developer</b>. After about a year in the space, I decided to switch my specialty to being a <b>Backend Engineer</b> for both web applications and for the lowest levels of <b>infrastructure</b>. My current interests include <b>distributed systems</b> and <b>blockchain technology</b>.
I hope to use the various skills and experiences I've picked up over the past couple of years to serve the overall community in a positive way.
I love working with companies to elevate their products and ambitions, having worked as a Software Engineering Intern at <a href="http://www.autodesk.com/" target="_blank">Autodesk</a> and <a href="https://www.uber.com/" target="_blank">Uber</a>. I will be pursuing a <b>Full time Software Engineering</b> position at <b>Uber</b> starting <em>Fall 2018</em>.
But my passion doesn’t stop at the intricacies of computer science, they continue to flow into the field of art through the form of <b>graphic design and illustration</b>.
Working through <b>Sketch</b> I use my intuition and gut feeling to design the best possible UI/UX that goes into my apps, and follow through by creating
the graphics that truly resonate with who I am. <br>
These are my passions, but what are passions if we don’t try and share them with the world… Throughout my schooling journey and beyond, I have always chosen
to <b>teach what I have learnt</b> as best as I could to those willing to learn. As the former <b>tutoring chair</b> for both <b>Tau Beta Pi</b> and
<b>Upsilon Pi Epsilon</b> at UCLA, I helped those struggling in engineering and computer science find the same love and passion as I have for the field.<br>
I am taking my teaching ability to new heights by being a <b>Learning Assistant</b> for <b>CS 32</b> this quarter at UCLA.
In addition to my teaching endeavours, I love to apply my knowledge into practicalities through various projects and organizations. I am currently growing my leadership and management skills as the <b>President</b> of <a href="http://ucladevx.com/#/" target="_blank">DevX</a>, <b>Co-director</b> of <a href="https://lahacks.com/" target="_blank">LA Hacks</a> and as an ex Product Manager for an iOS project at <a href="http://www.uclacreatives.com" target="_blank">Creative Labs</a>.<br>
Last but not least, I hope to carry forth all that I have learnt as both a developer, designer and product manager to eventually drive the entrepreneur within me. As such I am one of the <b>founders</b> and <b>CTO</b> of <a href="http://www.pomily.com/" target="_blank">Pomily</a>, one of the <b>Entrepreneurship Chairs</b> for UPE, leading initiatives such as <a href="http://uclafs.com/#/" target="_blank">Founder's School</a>.<br>
If you have reached the end of this brief description of me as a person, then I assume you are interested in working with me or meeting me. If so feel
free to explore <a id="goto" href="#work" onclick="changeContent(event)">my work</a> and <a href="./resume.pdf" target="_blank">resume</a>,
browse my publicly available <a id="goto" href="#notes" onclick="changeContent(event)">notes</a>, and reach out to me through any of my social profiles so that we can do great things together!
</p>
</div>
<div id="work" class="work">
<div id="code" class="code">
<div class="work-text">
<p> The past four years of programming have taken me through a whirlwind of several programming languages, helping me hone my skills as a low-level systems programmer for AutoCAD at <a href="http://www.autodesk.com/" target="_blank">Autodesk</a>, an iOS developer on several side projects, a backend web developer for my <a href="http://www.pomily.com" target="_blank">startup, Pomily</a> and various projects such as <a href="http://grade-portal.herokuapp.com" target="_blank">GradePortal</a>. Taking my passion for working behind the scenes I fell in love with infrastructure as an intern on the Mobile Developer Platform team at <a href="https://www.uber.com/" target="_blank">Uber</a>. I will be joining Uber full time this year, hoping to take my skills to new heights in the field of infrastructure and distributed systems.
If my work or skillset interest you, feel free to <a href="mailto:[email protected]?Subject=Working%20together%20" target="_top">contact me</a>!
</p>
</div>
<div class="projects row">
<div class="project-container">
<div class="col-xs-12 col-sm-6 col-md-4 projectCell">
<h5 class="projectCell"> Uber </h5>
<div class="projectContent">
<img onclick="showDetail(event)" src="images/uber.png" alt="Uber">
</div>
<p class="description"> Working on Developer Experience for Mobile Engineers</p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 projectCell">
<h5 class="projectCell"> Pomily </h5>
<div class="projectContent">
<img onclick="showDetail(event)" src="images/pomily.png" alt="Pomily">
</div>
<p class="description"> Building the next generation platform for beauty and makeup </p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 projectCell">
<h5 class="projectCell"> DevX </h5>
<div class="projectContent">
<img onclick="showDetail(event)" src="images/DevX.png" alt="DevX">
</div>
<p class="description"> Leading the organization to solve Bruins' frustrations through tech </p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 projectCell">
<h5 class="projectCell"> Quotebook </h5>
<div class="projectContent">
<img onclick="showDetail(event)" src="images/Quotebook.png" alt="Quotebook">
</div>
<p class="description"> Remember loved ones like never before </p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 projectCell">
<h5 class="projectCell"> Bruinscope </h5>
<div class="projectContent">
<img onclick="showDetail(event)" src="images/bruinscope.png" alt="Bruinscope">
</div>
<p class="description"> Simplifying the interview process at UCLA</p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 projectCell">
<h5 class="projectCell"> Autodesk </h5>
<div class="projectContent">
<img onclick="showDetail(event)" src="images/autodesk.png" alt="Autodesk">
</div>
<p class="description"> Working on enhancing AutoCAD</p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 projectCell">
<h5 class="projectCell"> LA Hacks 2017</h5>
<div class="projectContent">
<img onclick="showDetail(event)" src="images/lahacks.png" alt="LA Hacks 2017">
</div>
<p class="description"> Web infrastructure for LA Hacks 2017</p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 projectCell">
<h5 class="projectCell"> Creative Labs 2017</h5>
<div class="projectContent">
<img onclick="showDetail(event)" src="images/creativelabs.png" alt="Creative Labs 2017">
</div>
<p class="description"> iOS Project Lead for Creative Labs 2017</p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 projectCell">
<h5 class="projectCell"> Future Without Borders </h5>
<div class="projectContent">
<img onclick="showDetail(event)" src="images/FWB.png" alt="Future Without Borders">
</div>
<p class="description"> Helping connect humans for humans </p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 projectCell">
<h5 class="projectCell"> Lighthouse </h5>
<div class="projectContent">
<img onclick="showDetail(event)" src="images/lighthouse.png" alt="Lighthouse">
</div>
<p class="description"> Changing safety one click at a time </p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 projectCell">
<h5 class="projectCell"> Stitch</h5>
<div class="projectContent">
<img onclick="showDetail(event)" src="images/Stitch.png" alt="Stitch">
</div>
<p class="description"> Filters on LSD </p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 projectCell">
<h5 class="projectCell"> BrainSpace VR</h5>
<div class="projectContent">
<img onclick="showDetail(event)" src="images/BrainSpace.png" alt="BrainSpace VR">
</div>
<p class="description"> See and feel the brain like never before </p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 projectCell">
<h5 class="projectCell"> Doodle Fall </h5>
<div class="projectContent">
<img onclick="showDetail(event)" src="images/Doodle-fall.png" alt="Doodle Fall">
</div>
<p class="description"> Play. Arcade Style. </p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 projectCell">
<h5 class="projectCell"> Scavenger </h5>
<div class="projectContent">
<img onclick="showDetail(event)" src="images/Scavenger.png" alt="Scavenger">
</div>
<p class="description"> Leave messages on maps for others to find </p>
</div>
<!-- Change this back to col-xs-12 col-sm-6 col-md-4; when more projects are added -->
<div class="col-xs-12 col-sm-6 col-md-4 projectCell">
<h5 class="projectCell"> Time Travel Tycoon</h5>
<div class="projectContent">
<img onclick="showDetail(event)" src="images/time_travel_tycoon.png" alt="Time Travel Tycoon">
</div>
<p class="description"> Become a billionaire with time</p>
</div>
</div>
</div>
<div class="project-info">
<div title="Click to go back to projects" class="cancel" onclick="cancel(event)">
<img src="images/x.png" alt="Go Back">
</div>
<div class="project-info-container">
<div class="project-title">
<h3>Uber</h3>
</div>
<div class="project-media">
<img src="images/uber-full.jpg" alt="Uber">
</div>
<div class="project-details">
<p> <b>Platform:</b> Backend Infrastructure<br>
<b>Languages:</b> Golang, Java <br>
<b>Creation:</b> Summer 2017 <br>
<b>Details:</b><br>
Worked on two projects for improving the developer experience for mobile engineers at Uber, while also optimizing existing services. The first project revolved around creating a Go service to provide remote device connection for application testing of the mobile applications. Utilizing third party services to provide remote device connection, the device labs project provides an API and device agnostic wrapper to various functionality with devices including connection and disconnection. It was usable through a friendly commandline interface, with logging and metrics collection. <br> The second project build an event pipeline for differential builds from Phabricator and Jenkins. It provided strong metrics and a notification system capable of failure commenting.
</p>
</div>
</div>
<div class="project-info-container">
<div class="project-title">
<h3>Pomily</h3>
</div>
<div class="project-media">
<img src="images/pomily-full.png" alt="Pomily">
</div>
<div class="project-details">
<p> <b>Platform:</b> Backend Web Development<br>
<b>Languages:</b> Ruby (Ruby on Rails) <br>
<b>Creation:</b> Present <br>
<b>Details:</b><br>
Co-Founder and CTO of Pomily.
</p>
</div>
</div>
<div class="project-info-container">
<div class="project-title">
<h3>DevX</h3>
</div>
<div class="project-media">
<img src="images/devx-full.png" alt="DevX">
</div>
<div class="project-details">
<p> <b>Position:</b> President<br>
<b>Date:</b> Present <br>
<b>Details:</b><br>
President of DevX at UCLA.
</p>
</div>
</div>
<div class="project-info-container">
<div class="project-title">
<h3>LA Hacks 2017</h3>
</div>
<div class="project-media">
<img src="images/lahacksfront.png" alt="LAHacks website front">
</div>
<div class="project-details">
<p> <b>Platform:</b> Web <br>
<b>Languages:</b> Javascript (MKRN) <br>
<b>Creation:</b> Present <br>
<b>Details:</b><br>
I am currently working as an organizer on the development team for LAHacks - the annual 36 hour hackathon at UCLA, working on building the foundations of an entire system infrastructure for the future
of LAHacks. My work primarily focuses on the backend development for the current state of the site, to enable people to create accounts and apply
for the hackathon from March 31st to April 2nd of 2017. We focused on using the MKRN (Mongo, Koa, React, Node) stack. My major contribution was on
building the user services, controllers and endpoints focusing on resetting passwords and admin privileges, along with some of the tests. As I continue
to work with the rest of the team, I intend on making huge contributions towards more of the backend along with the future projects and ideas we have
for the system.<br>
The site and the application can be found on the <a href="http://www.lahacks.com" target="_blank">website</a>.
</p>
</div>
</div>
<div class="project-info-container">
<div class="project-title">
<h3>Creative Labs 2017</h3>
</div>
<div class="project-media">
<img src="images/creativelabsfront.png" alt="Creative Labs at work">
</div>
<div class="project-details">
<p> <b>Platform:</b> iOS <br>
<b>Languages:</b> Swift <br>
<b>Creation:</b> Present <br>
<b>Details:</b><br>
I am currently on the board for Creative Labs as the iOS Project Lead. In summary, Creative Labs serves as the bridge between designers and developers at
UCLA to bring the two disciplines together to build amazing quarter long projects, and give anyone and everyone the opportunity to learn the skills to become either a
developer or designer through our weekly workshops and speaker series.<br>
As the iOS Project Lead, I have worked with leading a beginners iOS workshop in the Fall of 2016, where I helped 7 students understand the fundamentals of
Swift and iOS development through a simple Todo application. This Winter, I intend on leading an advanced iOS project by recruiting about developers and
designers to work on a iOS project from the ground up to release on the App Store.<br>
More information can be found on our <a href="http://www.uclacreatives.com" target="_blank">website</a>.
</p>
</div>
</div>
<div class="project-info-container">
<div class="project-title">
<h3>Future Without Borders</h3>
</div>
<div class="project-media">
<img src="images/FWB-iphone.png" alt="Future Without Borders Iphone mockup">
</div>
<div class="project-details">
<p> <b>Platform:</b> iOS <br>
<b>Languages:</b> Swift, Objective-C <br>
<b>Creation:</b> SD Hacks, October 2015 <br>
<b>Awards:</b> Best Use of IBM Bluemix [IBM at SDHacks], Most Entrepreneurially Viable Hack [Perkins Coie at SDHacks], Hack That Best Connects Us [ViaSat at SDHacks],
Most Innovative Award [Facebook at ACM Hacker Expo 2015], Individuals Impacted [IBM at Bluemixathon]<br>
<b>Details:</b><br>
Future without borders was conceived and created around the peak of the <a href="https://www.mercycorps.org/articles/iraq-jordan-lebanon-syria-turkey/quick-facts-what-you-need-know-about-syria-crisis" target="_blank">Syrian Refugee Crisis</a>
in order to try and provide help to the fleeing refugees that entered these new countries, hopeful to start a new life.<br>
Following a pattern similar to that of AirBnb, we decided to build out an iOS application that would be ideally used by the citizens of the countries accepting refugees at the time, to allow these "hosts"
to see any nearby refugee family that might be in need of assistance. The app would allow the host to provide aid to the family selected by picking them up from the nearby locaiton and hosting them for a few days
to help them start their new lives.<br>
On the refugee side, we assumed the access to a smartphone would be limited, and so we used <a href="https://www.twilio.com/" target="_blank">Twilio</a>'s API to provide a unique number that the refugees could
text to register them as requiring assistance. Based on cellular location we would provide said location to the iOS application.<br>
This project won three sponsored awards at SD Hacks and continued to win two more awards from IBM and Facebook. Unfortunately, due to several
unfortunate circumstances, the project fell on the back burner and to this day remains a MVP. More information can be found on the project's
<a href="http://devpost.com/software/humans-without-borders-y5bsew" target="_blank">Devpost</a>.
</p>
</div>
</div>
<div class="project-info-container">
<div class="project-title">
<h3>Lighthouse</h3>
</div>
<div class="project-media">
<img src="images/lighthouse-iphone.png" alt="Lighthouse">
</div>
<div class="project-details">
<p> <b>Platform:</b> iOS <br>
<b>Languages:</b> Swift, Objective-C <br>
<b>Creation:</b> HackSC, November 2015 <br>
<b>Awards:</b> Best Mobile Hack<br>
<b>Details:</b><br>
The weekend of HackSC was also the weekend of the horrible <a href="https://en.wikipedia.org/wiki/November_2015_Paris_attacks" target="_blank">Paris Attacks</a>. Noticing, the
lack of an efficient method to warn people, family, friends and law enforcement, we decided to create an easy, single tap solution. From that came Lighthouse, a single
tap SOS button located on your home screen. The version built at HackSC used Parse as the backend and was able to notify family members and friends listed in the app of
your danger.<br>
After seeing the usefulness of this application, we continued to build it out over a few months, making the application more robust and marketable. We created our backend in Ruby on Rails,
hosted on Heroku. The iOS application evolved to have its own networking interface, included requested tracking, pulled daily updated crime events in the area, and acted as a miniature
social media application, aimed at bringing together people for the purpose of safety and crowd-sourced danger reports.<br>
After noticing that we couldn't find a decent monetization strategy, the application was abandoned. More information about the application can be found on the
<a href="http://devpost.com/software/lighthouse-9wigoq" target="_blank">Devpost</a> and on the <a href="http://www.lighthouseapp.io/" target="_blank">landing page</a>.
</p>
</div>
</div>
<div class="project-info-container">
<div class="project-title">
<h3>Stitch</h3>
</div>
<div class="project-media">
<img src="images/stitch-iphone.png" alt="Stitch">
</div>
<div class="project-details">
<p> <b>Platform:</b> iOS <br>
<b>Languages:</b> Swift, Objective-C <br>
<b>Creation:</b> LA Hacks, April 2016 <br>
<b>Awards:</b> Third Place <br>
<b>Details:</b><br>
After reading a paper on <a href="http://arxiv.org/abs/1508.06576" target="_blank">Convolutional Neural Networks and Art</a> we decided to create a mobile application that would make use of the <a href="https://github.com/jcjohnson/neural-style" target="_blank">torch implementation</a>
to allow everyday users to get a feel for the true power of Artificial Intelligence in their hands.<br>
After running some tests, we found that on a computer such as a Macbook Pro Retina 13" the image rendering took several minutes to a couple of hours, we decided to move the computation to Amazon EC2 servers with more powerful graphics cards.
The iOS application was written to take in two images either through your camera roll or through an image address and would send the images to the server managed by node.js, where a BASH script would take the combined image and send it back to the iOS application which would
display the results. The app ran well within 5 minutes per image, and was one of the very first versions of mobile CNN's. It placed third overall at LA Hacks.<br>
The application was slated to be worked on during Summer of 2016, to create scheduling mechanisms for server loading, but another app beat us to market. More information about the application can be found
at the <a href="http://devpost.com/software/stitch" target="_blank">Devpost</a>.
</p>
</div>
</div>
<!-- Only release to public once the app is live
<div class="project-info-container">
<div class="project-title">
<h3>Quotebook</h3>
</div>
<div class="project-media">
<img src="images/quotebook-iphone.png" alt="Quotebook">
</div>
<div class="project-details">
<p> <b>Platform:</b> iOS <br>
<b>Languages:</b> Swift<br>
<b>Creation:</b> Personal, August 2016 <br>
<b>Details:</b><br>
This app was created for ...
</p>
</div>
</div> -->
<div class="project-info-container" style="width:100%">
<div class="project-title">
<h3>Doodle Fall</h3>
</div>
<div class="videoWrapper project-media">
<iframe width="560" height="315" src="https://www.youtube.com/embed/sCSUT1zrvOE" frameborder="0" allowfullscreen></iframe>
</div>
<div class="project-details">
<p> <b>Platform:</b> Nexsys-3 FPGA Board <br>
<b>Languages:</b> Verilog <br>
<b>Creation:</b> CSM152A - UCLA, May 2016 <br>
<b>Details:</b><br>
As the final project and submission to CSM152A, my teammate and I built Doodle Fall. This game is a simple one, where the objective of you, the tiny green doodle,
is to stay alive as long as possible, by falling downards along the blocks that appear, avoiding hittint the top and bottom of the screen. The score was determined as a function
of time. Similarly, the difficulty of the game was also a function of time, wherein the speed of the falling would increase as you lasted longer in the game. The green blocks were
powerups that would slow down the speed of falling.<br>
This game was made entirely in Verilog, using an FPGA, Joystick, VGA, Seven Segment LED Display and buttons. The game would store the highest score, and would allow you to reset the game.
The joystick allowed you to move horizontally with the speed of movement as a function of the movement of the joystick. The VGA took our code and created a simplistic view on any computer
monitor. The video above demonstrates the key features of the game.
</p>
</div>
</div>
<div class="project-info-container">
<div class="project-title">
<h3>Scavenger</h3>
</div>
<div class="project-media">
<img src="images/scavenger-iphone.png" alt="Scavenger">
</div>
<div class="project-details">
<p> <b>Platform:</b> iOS <br>
<b>Languages:</b> Swift<br>
<b>Creation:</b> CSM117 - UCLA, May 2016 <br>
<b>Details:</b><br>
In order to demostrate our knowledge of networking and real-world application in CSM117, myself and my teammate <a href="http://ckenny9739.bol.ucla.edu" target="_blank">Connor</a>
built a small application that leveraged Firebase as our backend.<br>
Using Facebook's iOS SDK for login and user authentication and Firebase for data storage and retrieval, we built out an application wherein you, the user can go about
your daily life, and if you find anything intersting in the location you're currently at, you can leave either a message about the situation or the place within that location
on a global map. Any other user of the app can find that message/photo and view it.<br>
The aim of the application was to allow users to share their experiences in a more intimate manner.
</p>
</div>
</div>
<div class="project-info-container">
<div class="project-title">
<h3>BrainSpace VR</h3>
</div>
<div class="project-media">
<img src="images/brainspace-vr.jpg" alt="BrainSpace VR">
</div>
<div class="project-details">
<p> <b>Platform:</b> Oculus, Myo Armband, Muse Headband <br>
<b>Languages:</b> C#, Python<br>
<b>Creation:</b> CalHacks 2.0, October 2015 <br>
<b>Awards:</b> Top Five at CalHacks 2.0 <br>
<b>Details:</b><br>
In an attempt to work with hardware, my teammates and I took it upon ourselves to make neurology a more immersive experience. The result was BrainSpace VR,
wherein you dawn an Oculus Rift headset to find yourself viewing the 3-D model of a human brain. Equipped with the accompanying Myo Armband, you as the user are
able to click on different parts of the brain to learn more about it, and are able to rotate and zoom into the brain to experience it like never before.<br>
<a href="http://omarozgur.com" target="_blank">Omar Ozgur</a> was primarily involved with writing some of the C# code to work with the Oculus, while I was involved
with using Python and the BeauitfulSoup Library to scrape various webpages to find the different informaiton about the different parts of the brain. Together we worked to
additionally include the Muse Headband, to allow simultaneous viewing of your own brain wave pattern. More about the product can be found on our <a href="http://devpost.com/software/brain-space-vr" target="_blank">Devpost</a>.
</p>
</div>
</div>
<div class="project-info-container">
<div class="project-title">
<h3>Time Travel Tycoon</h3>
</div>
<div class="videoWrapper project-media">
<iframe width="560" height="315" src="https://www.youtube.com/embed/_V2aTiuYLu4" frameborder="0" allowfullscreen></iframe>
</div>
<div class="project-details">
<p> <b>Platform:</b> CryEngine<br>
<b>Languages:</b> C++, Lua, Cryengine Flowgraphing<br>
<b>Creation:</b> CS188 - UCLA, June 2016 <br>
<b>Details:</b><br>
Using <a href="https://www.cryengine.com/" target="_blank">CryEngine</a> my teammates and I created an MVP game with Artificial Intelligence mechanisms. The premise of the
game was that the player was a man sent back through time to steal the very first iPhone model in order to throw themselves into fame and fortune. The game was built with only a single level to demonstrate its
potential. The player is thrown into an environment where they are expected to get through the level either by alerting no guards, or by taking out all the guards in their way to get to the final destination. The score
is determined by the speed and efficacy with which the player reached the goal.<br>
We programmed the guards to have varying levels of AI using CryEngine's in-built AI mechanisms with slight tweaks of our own, such as giving the guards a proximity sensor based on noise, visibility and distance of the player
to the guard. So the guard would move from standby, to suspicious to alerted mode. The player would be able to hide in a group of employees to detract attention.<br>
The game had the ability to be AI controlled based on player performance metrics. Using a weighted function based on the time, targets killed and other factors, we programmed the AI to complete the level achieving the best
score possible. Thus the game would be able to switch from user mode, to AI mode. The video above describes in great detail each of our contributions and the results.
A brief report with further links can be found <a href="https://drive.google.com/file/d/0B-13JuAqxdAST2ZqRXlJVUhtTk0/view?usp=sharing" target="_blank">here</a>.
</p>
</div>
</div>
<div class="project-info-container">
<div class="project-title">
<h3>Autodesk</h3>
</div>
<div class="project-media">
<img src="images/autodesk-intern.jpg" alt="Autodesk">
</div>
<div class="project-details">
<p> <b>Product:</b> AutoCAD<br>
<b>Platform:</b> Visual Studio <br>
<b>Languages:</b> C++<br>
<b>Period:</b> June 2016 - September 2016 <br>
<b>Details:</b><br>
Worked to implement an effective and platform independent serialization mechanism, leveraging JSON, to create an Inter Process Communication channel.
This project was built as a workable unit test integrated into AutoCAD with code written to be readily extensible. The serialization involved taking low
level calls and packaging them into a custom built messaging schema. Throughout the internship I gained experience in discussing progress
and workarounds with professional senior software engineers and software architects. I learnt how to navigate a huge code base consisting of million lines of code
, while learning the conventions for building industrial strength projects. This greatly improved my ability to modularize and componentize projects.
</p>
</div>
</div>
</div>
</div>
<div id="design" class="design">
<div class="design-text">
<p> Using <a href="https://www.sketchapp.com/" target="_blank">Sketch</a> as my weapon of choice, I have worked with designing simple vector illustrations to various interfaces focused on providing the most seamless user experiences. In almost all of my projects I have primarily been a mix of developer and designer. I hope to continuosly expand this skillset and welcome any and all <a href="mailto:[email protected]?Subject=Design" target="_top">feedback</a>. Below are some of my illustrations from two summers ago!
</div>
<div class="projects row">
<div class="project-container">
<div class="col-xs-12 col-sm-12 col-md-12 projectCell">
<h5 class="projectCell"> Boat in a Bottle </h5>
<div class="col-xs-12 col-sm-12 col-md-6 projectContent">
<img src="images/D_1_Boat.png" alt="Boat in a Bottle">
</div>
<div class="col-xs-12 col-sm-12 col-md-6 description">
<p>The Boat in the bottle was my very first illustration
and really pushed me into the space of illustration. Unique to my later designs, it focuses
more on gradients and less on flat design. I really wanted to encapsulate a new feeling to the
idea of designing a boat, wherein the design could remain simple but be unique to just the generic boat in a sea.</p>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 projectCell">
<h5 class="projectCell"> Remembering the great</h5>
<div class="col-xs-12 col-sm-12 col-md-6 projectContent">
<img src="images/D_2_Ali.png" alt="Remembering the great">
</div>
<div class="col-xs-12 col-sm-12 col-md-6 description">
<p> Continuing from my design of the boat I felt like the style of using gradients was really working.
This inspired me to create a small token of rememberance to a great fighter and a great man in general. <a href="http://muhammadali.com/" target="_blank">Muhammad Ali</a>.
This piece really challenged me to using the vector tool more than ever before. The aesthetic is not as pleasing
as the other designs, but stands out to me because it was the tipping point for me to focus on simpler designs, rather
than approach a complex piece from a simplistic style.</p>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 projectCell">
<h5 class="projectCell"> National Parks</h5>
<div class="col-xs-12 col-sm-12 col-md-6 projectContent">
<img src="images/D_4_National_Park.png" alt="National Parks">
</div>
<div class="col-xs-12 col-sm-12 col-md-6 description">
<p> Wanting to try my newfound skills to more natural landscapes, I went to Google to find the most compelling
landscape I could find, and settled on <a href="https://en.wikipedia.org/wiki/Denali_National_Park_and_Preserve" target="_blank">Denali National Park</a> in Alaska.
Instead of detailing the landscape, I wanted to try to go for a more simplistic approach, and focused on the beautiful colours of the mountains
from all the pictures I could find. As you can see, though there is still a presence of a gradient based design, this piece showcases a focus on
a limited colour palette in an attempt to move to a more flat look.</p>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 projectCell">
<h5 class="projectCell"> Campfire </h5>
<div class="col-xs-12 col-sm-12 col-md-6 projectContent">
<img src="images/D_5_Camp_Fire.png" alt="Campfire">
</div>
<div class="col-xs-12 col-sm-12 col-md-6 description">
<p> Continuing in my sudden surge of inspiration for nature and its beauty, I decided to undertake creating a campfire. This is
my first piece where I truly transition to a flat design, going for simplistic focuses on the fire itself and the background of a large
yet beautiful moon. To this date, I continue to believe that this was one of my best pieces as it truly showcases how a simple design
can remain beautiful and compelling.</p>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 projectCell">
<h5 class="projectCell"> Rocket Science</h5>
<div class="col-xs-12 col-sm-12 col-md-6 projectContent">
<img src="images/D_6_Rocket_Computer.png" alt="Rocket Science">
</div>
<div class="col-xs-12 col-sm-12 col-md-6 description">
<p> Feeling somewhat confident in my newfound skill of illustration, I decided to help a friend of mine out and draw up
a small poster of sorts with this design as its background. Its intent is to attract computer scientists within the Computer Science
department at UCLA to try out for the <a href="http://aiaa.seas.ucla.edu/projects.html" target="_blank">UCLA AIAA Rocket Project</a> as it continues to face a lack of strong embedded software engineers. For the curious, the code
on the screen does have a sensible translation.</p>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 projectCell">
<h5 class="projectCell"> Place of work</h5>
<div class="col-xs-12 col-sm-12 col-md-6 projectContent">
<img src="images/D_7_Desk.png" alt="Place of work">
</div>
<div class="col-xs-12 col-sm-12 col-md-6 description">
<p> While working at Autodesk and staying in Berkeley, CA, I decided to capture my work environment to share with others of interest.
As depicted, my table usually remained pretty minimal with the presence of two laptops, two smart watches, my phone, pair of glasses and my
standard headphones. I chose to go with a top down view to make the visual of the technology around me cleaner.</p>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 projectCell">
<h5 class="projectCell"> King of the Game</h5>
<div class="col-xs-12 col-sm-12 col-md-6 projectContent">
<img src="images/D_8_Card.png" alt="King of the Game">
</div>
<div class="col-xs-12 col-sm-12 col-md-6 description">
<p> After a sparse design with the desk, I decided to focus on a smaller object. Playing cards have always been portrayed as having the ability to be aethetically
designed, so I sought out to try and create my own imitation of the King of Spades. The thought pattern for the design of the king's face came from several iterations
of a cartoon like portrayal of kings, noticing the hefty beards and majestic crowns. Using this backbone of information, I created the result you see now. This design
remains to this date one of my favourite designs due to its simplicity and uniqueness.</p>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 projectCell">
<h5 class="projectCell"> In the Rain </h5>
<div class="col-xs-12 col-sm-12 col-md-6 projectContent">
<img src="images/D_9_Rain.png" alt="In the Rain">
</div>
<div class="col-xs-12 col-sm-12 col-md-6 description">
<p> In this design I tried to create a character of sorts. Looking into my own definition of cute characters, I learnt that big eyes and rounded mouths was the way to go. And so
Jeffrey was born. He's by no means a complex design, nor is he necessarily colourful, but to me he captures the essence of innocence and delicacy that comes to my imagination.
I found that placing him within a simple thunderstorm environment would be able to express the very emotions described above.</p>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 projectCell">
<h5 class="projectCell"> Unison </h5>
<div class="col-xs-12 col-sm-12 col-md-6 projectContent">
<img src="images/World_unite.png" alt="Unison">
</div>
<div class="col-xs-12 col-sm-12 col-md-6 description">
<p> Watching the news and atrocities of all the countries that had suffered so many casualties over the summer, I decided to show my support by creating a very simple
design that tried to emphasis the unity of the world behind these countries, and all other countries that had faced so much terror in the wake of the modern century. To this day,
I hope that this design can inspire people to accept one another, and unite against common evil.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="notes" class="notes">
<div class="notes-text">
<p> The notes below are a collection of my own understandings of the material and snippets from resources provided
to us through the classes offered at UCLA. Feel free to use these notes however you wish to, but remember to always use them as
a <b>secondary source to your own learnings</b> from your respective classes as each professor’s material varies slightly.
If you ever feel like you’re struggling in any classes within the STEM field, feel free to <a href="mailto:[email protected]?Subject=Tutoring%20help" target="_top">
contact me</a> as a tutor or visit our <a href="https://upe.seas.ucla.edu/tutoring/" target="_blank">UPE</a> and
<a href="http://www.seasoasa.ucla.edu/need-tutoring/" target="_blank">TBP</a> schedules to come to our free weekly tutoring and review sessions!<br>
Should you have any suggestions for my notes, feel free to <a href="mailto:[email protected]?Subject=Notes%20Input" target="_top">leave me a message</a>.
</p>
</div>
<div class="projects row">
<div class="project-container">
<div class="row" style="margin-top: 10px; margin-bottom: 20px;">
<div class="col-xs-12 col-sm-6 col-md-4 projectCell">
<h5 class="projectCell"> Computer Architecture </h5>
<div class="projectContent">
<a href="http://goo.gl/A7YkST" target="_blank"><img src="images/cs33.png" alt="Computer Science 33 Notes"></a>
</div>
<p class="description"> These are some notes from Week 7 onwards for the final of CS 33 </p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 projectCell">
<h5 class="projectCell"> Software Construction Lab </h5>
<div class="projectContent">
<a href="http://goo.gl/fxU7P0" target="_blank"><img src="images/cs35L.png" alt="Computer Science 35L Notes"></a>
</div>
<p class="description"> These are a quarter worth of notes from Lauren Samy's version of CS 35L </p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 projectCell">
<h5 class="projectCell"> Operating Systems Principles</h5>
<div class="projectContent">
<a href="http://goo.gl/VQ6ST1" target="_blank"><img src="images/cs111.png" alt="Computer Science 111 Notes"></a>
</div>
<p class="description"> These are a quarter worth of notes from Professor Mark Kampe's teaching of CS 111 </p>
</div>
</div>
<div class="row" style="margin-top: 10px; margin-bottom: 20px;">
<div class="col-xs-12 col-sm-6 col-md-4 projectCell">
<h5 class="projectCell"> Network Fundamentals </h5>
<div class="projectContent">
<a href="https://goo.gl/TBVqnz" target="_blank"><img src="images/cs118.png" alt="Computer Science 118 Notes"></a>
</div>
<p class="description"> These are a quarter worth of notes from Professor Lixia Zhang's teaching of CS 118 </p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 projectCell">
<h5 class="projectCell"> Introduction to Algorithms and Complexity</h5>
<div class="projectContent">
<a href="https://goo.gl/UjYAgY" target="_blank"><img src="images/cs180.png" alt="Computer Science 180 Notes"></a>
</div>
<p class="description"> These are a quarter worth of notes from Professor Majid Sarrafzadeh's teaching of CS 180 </p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 projectCell">
<h5 class="projectCell"> Computer Systems Architecture</h5>
<div class="projectContent">
<a href="https://goo.gl/SS5P27" target="_blank"><img src="images/csm151b.png" alt="Computer Science M151B Notes"></a>
</div>
<p class="description"> These are my notes from Professor Reinman's teaching of CS M151B </p>
</div>
</div>
<div class="row" style="margin-top: 10px; margin-bottom: 20px;">
<div class="col-xs-12 col-sm-6 col-md-4 projectCell">
<h5 class="projectCell"> Fundamentals of Artificial Intelligence</h5>
<div class="projectContent">
<a href="https://goo.gl/AqEJo1" target="_blank"><img src="images/cs161.png" alt="Computer Science 161 Notes"></a>
</div>
<p class="description"> These are my notes from Professor van den Broeck's teaching of CS 161 </p>
</div>
<!--
<div class="col-xs-12 col-sm-6 col-md-4 projectCell">
<h5 class="projectCell"> Formal Languages and Automata Theory</h5>
<div class="projectContent">
<a href="https://goo.gl/7BsmkA" target="_blank"><img src="images/cs181.png" alt="Computer Science 181 Notes"></a>
</div>
<p class="description"> These are my notes from Professor Sherstov's teaching of CS 181 </p>
</div>
-->
<div class="col-xs-12 col-sm-6 col-md-4 projectCell">
<h5 class="projectCell"> LA: Introduction to Computer Science</h5>
<div class="projectContent">
<a href="https://goo.gl/vhZxoF" target="_blank"><img src="images/cs32.png" alt="Computer Science 32 Slides"></a>
</div>
<p class="description"> These are my slides I made as a Learning Assistant for CS 32 </p>
</div>
</div>
</div>
</div>
</div>
<div id="contact" class="col-xs-12 col-sm-12 col-md-12 contact">
<div class="col-xs-12 col-sm-12 col-md-6 contact-box">
<form id="contact-form" action="https://formspree.io/[email protected]" method="POST">
<fieldset>
<input type="text" name="name" placeholder="Name"/>
<input type="text" name="email" placeholder="Email"/>
<input type="text" name="_gotcha" style="display: none"/>
<textarea name="Message" placeholder="Enter your message here..."></textarea>
</fieldset>
<fieldset>
<input class="btn" type="submit" value="Get in Touch"/>
</fieldset>
</form>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 contact-info">
<p> Feel free to send me a message at if you have any questions about my experience and <a id="goto" href="#work" onclick="changeContent(event)">work</a>,
or if you simply need a freelancer specializing in <b>iOS Development</b>, <b>Backend Web Development</b> and/or some <b> design</b>.
If you want a more personal connection point, you can always visit any of my social media as listed at
the bottom of this page. I can also be directly reached at [email protected]. I look forward to hearing from you! </p>
</div>
</div>
<div id="foryou" class="foryou">
<div class="foryou-text">
<p> Throughout my life, I find some days to be just difficult, or find myself in situations feeling let down. In those intimate
moments, I find it refreshing and reassuring to go through some inspiring videos. I can only hope that the video below can help you,
get through any difficulty you are currently facing and enable you to come out stronger from it than you were before. <br>
All content shared here is credited to the original content creators and to all the references they used: <a href="http://www.mateuszm.com/" target="_blank">Mateuszm</a> and
<a href="http://princeea.com/" target="_blank">Prince Ea</a>, whose videos and messages have helped me get through some hard days.<br>
If you enjoyed the video, you can <a id="goto" href="#foryou" onclick="changeContent(event)">refresh</a> to watch some more.
</p>
</div>
<div class="vidWrapper foryou-content">
<iframe id="vidFrame" width="560" height="315" src="https://www.youtube.com/embed/sCSUT1zrvOE" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
<div class="footer-wrapper">
<div class="footer">
<div class="social-container">
<div class="icons">
<a href="https://www.facebook.com/jahan.cherian" target="_blank">
<img class="social-icons" src="images/fb.png">
</a>
</div>
<div class="icons">
<a href="https://www.linkedin.com/in/jahancherian" target="_blank">
<img class="social-icons" src="images/linkedin.png">
</a>
</div>
<div class="icons">
<a href="https://github.com/jcherianucla" target="_blank">
<img class="social-icons" src="images/github.png">
</a>
</div>
<div class="icons">
<a href="https://www.instagram.com/jahancherian/" target="_blank">
<img class="social-icons" src="images/insta.png">
</a>
</div>
<div class="icons">
<a href="mailto:[email protected]?Subject=Getting%20in%20touch" target="_top">
<img class="social-icons" src="images/mail.png">
</a>
</div>
<div class="icons">
<a href="./resume.pdf" target="_blank">
<img class="social-icons" src="images/resume.png">
</a>
</div>
</div>
<div class="made-with">
<p> Made by Jahan Kuruvilla Cherian ©</p>
</div>
</div>
</div>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-85388320-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>