-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
544 lines (524 loc) · 34 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
<!DOCTYPE html>
<html lang="en">
<head prefix="og: http://ogp.me/ns#">
<title>Younseo Ryu | Personal Website</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="keywords" content="Younseo Ryu, Younseo, Ryu, computer, software, developer, engineer, internship" />
<meta name="author" content="Amrita Kohli" />
<meta name="description" content="an aspiring software engineer, a human, and everything in between." />
<meta property="og:description" content="an aspiring software engineer, a human, and everything in between." />
<meta prefix="og: http://ogp.me/ns#" property="og:image" content="http://younseoryu.com/img/imagewhensharedbylink.jpg" />
<meta property="og:image:type" content="image/png" />
<meta property="og:title" content="Amrita Kohli's Personal Website" />
<meta property="og:url" content="http://amritakohli.com/" />
<meta property="og:type" content="website" />
<link rel="shortcut icon" href="img/logo-transparent-00009C.png">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link rel="stylesheet" type="text/css" href='https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,900,900italic,700italic'>
<link rel="stylesheet" type="text/css" href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-custom" data-offset="100">
<div id="content">
<!-- Navigation -->
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
<i class="fa fa-2x fa-bars"></i>
</button>
<a class="navbar-brand page-scroll" href="http://amritakohli.com/">
<img src="img/logo-transparent-white-30pt.png" />Amrita Kohli
</a>
</div>
<div class="collapse navbar-collapse navbar-main-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="hidden">
<a class="page-scroll" href="#page-top"></a>
</li>
<li><a class="page-scroll" href="#about">About</a></li>
<li><a class="page-scroll" href="#services">Values</a></li>
<li><a class="page-scroll" href="#experience">Experience</a></li>
<li><a class="page-scroll" href="#portfolio">Work</a></li>
<li><a class="page-scroll" href="#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Section: Introduction -->
<section id="intro" class="intro text-center">
<div class="overlay">
<div class="intro-content">
<h1 class="animated fadeInDown delay-05s">
Hello World <br/> I am Amrita </strong>
</h1>
<p class="subtitle animated fadeInUp delay-05s">Undergraduate Mathematics - Computer Science Major </p>
<a class="fa fa-angle-down page-scroll" href="#about"></a>
</div>
</div>
</section>
<!-- Section: About -->
<section id="about" class="text-center">
<div class="overlay">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 wp1">
<h2>A Little Bit About Me</h2>
<img src="img/square-profile-picture.jpg" id="prof-pic" />
<p>
I have a passion for software engineering. I'm a third year student at
<a href="https://www.ucsd.edu/" target="_blank">University of California - San Diego</a>. I aspire to have a career that will allow me to channelize my creativity through crafting beautiful software and engaging experiences.
<br>
<br> When I'm not on the computer, I enjoy flying my drone and being outdoors.
</p>
</div>
</div>
<div class="row text-center">
<div id="tl-dr">
<h3>TL;DR? Self Proclamations:</h3>
<!-- <h4>Self Proclamations:</h4> -->
<div class="tldr-proc">
<div class="tldr-icon" id="tldr-keyboard"><i class="fa fa-keyboard-o"></i></div>
<h5>Entry Level <br /> Software Engineer</h5>
</div>
<div class="tldr-proc">
<div class="tldr-icon"><i class="fa fa-pencil"></i></div>
<h5>Timeless <br /> Learner</h5>
</div>
<div class="tldr-proc">
<div class="tldr-icon"><i class="fa fa-tree"></i></div>
<h5>Adventurous <br /> Spirit</h5>
</div>
<div </div>
</div>
</div>
</div>
</section>
<!-- /Section: About -->
<!-- Section: Services (Passions) -->
<section id="services" class="text-center">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>My Values</h2>
<div class="spacer-10"></div>
<div class="col-md-4 wp2">
<div class="icon"><i class="fa fa-lightbulb-o"></i></div>
<h3>Innovation</h3>
<p> I've been involved in clubs and student organizations. One significant achievement is founding "Click the World", a tech club in De Anza College, which had collaborations with giant tech companies like Google and Facebook. The collaborations included inviting engineers for mentoring and project guidance and, participating in tech conferences. </p>
</div>
<div class="col-md-4 wp2 delay-025s">
<div class="icon"><i class="fa fa-exclamation"></i></div>
<h3>Excellence</h3>
<p>I have been enthusiastic about physics and programming. I received "Excellent Youth Scholars Award", which is sponsored by Korean Ministry of Education, for research paper on sorting algorithms and their time complexity. Also, I have a publication on peer-reviewed research journal, The National High School of Journal of Science, in 2017 titled, “The New Method to Calculate the Electric Field from an Accelerating Charge”. </p>
</div>
<div class="col-md-4 wp2 delay-05s">
<div class="icon"><i class="fa fa-book"></i></div>
<h3>Contribution</h3>
<p>I believe sharing knowledge fosters vision in everyone and strengthen ties. I have been tutoring for the last six years. In high school, I volunteered to teach middle school students mathematics; at De Anza College, I worked as a Teaching Assistant for C++ and Assembly Language classes; At UCSD, I am a private tutor for C, C++, and Java.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Section: Experience -->
<section id="experience">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="col-md-10 col-md-offset-1 text-center wp3">
<h2>Experience</h2>
<p>I've been programming for over 4 years, and I'm always eager to learn more in this fast paced industry.</p>
</div>
<div class="col-sm-offset-1 col-xs-12 col-sm-6 col-md-6 skills-section wp3">
<h3>Some technologies I've worked with:</h3>
<div class="row">
<div class="col-xs-3 col-sm-2 col-md-2 skill-icon"><img class="img-responsive" src="img/skills/c++.png"></div>
<div class="col-xs-3 col-sm-2 col-md-2 skill-icon"><img class="img-responsive" src="img/skills/c.png"></div>
<div class="col-xs-3 col-sm-2 col-md-2 skill-icon"><img class="img-responsive" src="img/skills/java.png"></div>
<div class="col-xs-3 col-sm-2 col-md-2 skill-icon"><img class="img-responsive" src="img/skills/python.png" id="python"></div>
<div class="col-xs-3 col-sm-2 col-md-2 skill-icon"><img class="img-responsive" src="img/skills/mysql.png"></div>
<div class="col-xs-3 col-sm-2 col-md-2 skill-icon"><img class="img-responsive" src="img/skills/html.png" id="html"></div>
<div class="col-xs-3 col-sm-2 col-md-2 skill-icon"><img class="img-responsive" src="img/skills/css.png" id="css"></div>
<div class="col-xs-3 col-sm-2 col-md-2 skill-icon"><img class="img-responsive" src="img/skills/js.png" id="js"></div>
<div class="col-xs-3 col-sm-2 col-md-2 skill-icon"><img class="img-responsive" src="img/skills/vim.png"></div>
<div class="col-xs-3 col-sm-2 col-md-2 skill-icon"><img class="img-responsive" src="img/skills/github.png"></div>
<div class="col-xs-3 col-sm-2 col-md-2 skill-icon"><img class="img-responsive" src="img/skills/photoshop.png"></div>
<div class="col-xs-3 col-sm-2 col-md-2 skill-icon"><img class="img-responsive" src="img/skills/linux.png"></div>
<div class="col-xs-3 col-sm-2 col-md-2 skill-icon"><img class="img-responsive" src="img/skills/unix.jpg"></div>
<div class="col-xs-3 col-sm-2 col-md-2 skill-icon"><img class="img-responsive" src="img/skills/junit.jpg"></div>
</div>
</div>
<div class="col-xs-12 col-sm-offset-1 col-sm-4 col-md-offset-1 col-md-3 employment wp3">
<div class="text-center places-worked">
<h3>Where I've Worked:</h3>
<a href="https://ucsd.edu/" target="_blank">
<img id="ucsd-logo" src="img/ucsd-logo.png" alt="Ucsd" />
</a>
<p><b>2019 ~ Present </b></p>
<a href="https://www.linkedin.com/company/saline-co.-ltd/" target="_blank">
<img id="saline-logo" src="img/saline-logo.jpg" alt="Saline" />
</a>
<p><b>2018 summer & 2019 summer</b></p>
<a href="https://www.deanza.edu/" target="_blank">
<img id="deanza-logo" src="img/deanza-logo.jpg" alt="Deanza" />
</a>
<p><b>2017 ~ 2019</b></p>
</div>
</div>
</div>
<!-- /col-->
</div>
<!-- /row -->
</div>
<!-- Container-->
</section>
<!-- /Section: Experience -->
<!-- Section: Resume -->
<section id="resume">
<div class="text-center">
<div class="overlay">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>Check out my résumé!</h2>
<div id="resume-button">
<a class="resume-btn wp4" href="Resume-Younseo-Ryu-2020-Feb.pdf" target="_blank">Grab A Copy</a>
</div>
</div>
</div>
<!-- row -->
</div>
<!-- container -->
</div>
</div>
</section>
<!-- /Section: Resume -->
<!-- Section: Portfolio -->
<section id="portfolio">
<div class="container">
<div class="col-lg-12 text-center">
<h2 class="section-heading">What I've Done</h2>
<h5 class="coming-soon">(more coming soon)</h5>
</div>
<div class="row portfolio-row">
<div class="portfolio-item-wrapper wp5">
<div class="portfolio-item" data-toggle="modal" href="#DataStructuresProject">
<div class="portfolio-overlay"></div>
<div class="links">
<a class="image-link"><i class="fa fa-search-plus"></i></a>
</div>
<img src="img/what-ive-done/amazon.png" alt="image">
<div class="portfolio-info">
<h3>Data Structures Project</h3>
</div>
</div>
</div>
<div class="portfolio-item-wrapper wp5">
<div class="portfolio-item" data-toggle="modal" href="#PersonalWebsite">
<div class="portfolio-overlay"></div>
<div class="links">
<a class="image-link"><i class="fa fa-search-plus"></i></a>
</div>
<img src="img/what-ive-done/website.png" alt="image">
<div class="portfolio-info">
<h3>Personal Website</h3>
</div>
</div>
</div>
<div class="portfolio-item-wrapper wp5">
<div class="portfolio-item" data-toggle="modal" href="#MazeSolverProject">
<div class="portfolio-overlay"></div>
<div class="links">
<a class="image-link"><i class="fa fa-search-plus"></i></a>
</div>
<img src="img/what-ive-done/maze.png" alt="image">
<div class="portfolio-info">
<h3>Maze Solver Project</h3>
</div>
</div>
</div>
<div class="portfolio-item-wrapper wp5">
<div class="portfolio-item" data-toggle="modal" href="#NHSJSPublish">
<div class="portfolio-overlay"></div>
<div class="links">
<a class="image-link"><i class="fa fa-search-plus"></i></a>
</div>
<img src="img/what-ive-done/physicsissue.png" alt="image">
<div class="portfolio-info">
<h3>Physics Paper Publication</h3>
</div>
</div>
</div>
<div class="portfolio-item-wrapper wp5">
<div class="portfolio-item" data-toggle="modal" href="#KSCY">
<div class="portfolio-overlay"></div>
<div class="links">
<a class="image-link"><i class="fa fa-search-plus"></i></a>
</div>
<img src="img/what-ive-done/kscy.png" alt="image">
<div class="portfolio-info">
<h3>CS Paper Presentation</h3>
</div>
</div>
</div>
<div class="portfolio-item-wrapper wp5">
<div class="portfolio-item" data-toggle="modal" href="#FAKENEWSPLUGIN">
<div class="portfolio-overlay"></div>
<div class="links">
<a class="image-link"><i class="fa fa-search-plus"></i></a>
</div>
<img src="img/what-ive-done/kscy.png" alt="image">
<div class="portfolio-info">
<h3>Fake News Detection Plugin</h3>
</div>
</div>
</div>
<div class="portfolio-item-wrapper wp5">
<div class="portfolio-item" data-toggle="modal" href="#JUSTINCASEAPPLICATION">
<div class="portfolio-overlay"></div>
<div class="links">
<a class="image-link"><i class="fa fa-search-plus"></i></a>
</div>
<img src="img/what-ive-done/kscy.png" alt="image">
<div class="portfolio-info">
<h3>Just-In-Case SOS Application</h3>
</div>
</div>
</div>
</div>
</div>
</section>
<!--************************** PORTFOLIO MODALS **************************-->
<!-- Data Structures Project MODAL -->
<div class="modal fade" id="DataStructuresProject" tabindex="-1" role="dialog" aria-labelledby="courseSourceModal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Data Structures Project</h4>
<h6 class="modal-title-description">Processing Amazon Product DB; used Templates, Binary Search Trees, Hash Tables, and Stack</h6>
</div>
<div class="modal-body">
<p>
<img class="img-responsive img-centered" src="img/what-ive-done/amazon.png" alt="">
</p>
<p class="modal-description"> Data Structures Project. Led a team of four and implemented templates, binary search trees, and hash tables in C++ to store, sort, and search in Amazon Product Database that includes ASIN, brand name, etc.</p>
<p class="visit"> <a href="https://github.com/YounseoRyu/data_structures_project" target="_blank" id="visit-btn">View Source</a></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Personal Website Modal -->
<div class="modal fade" id="PersonalWebsite" tabindex="-1" role="dialog" aria-labelledby="fontipsumsModal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Personal Website</h4>
<h6 class="modal-title-description">You are on the page now</h6>
</div>
<div class="modal-body">
<p>
<img class="img-responsive img-centered" src="img/what-ive-done/website.png" alt="">
</p>
<p class="modal-description">This website is made by implementing HTML, CSS, JAVASCRIPT, etc. Used a lot of bootstraps</p>
<Br>
<p class="visit"><a href="https://github.com/YounseoRyu/website_v1" target="_blank" id="visit-btn">View Source</a></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Maze Solver Project MODAL -->
<div class="modal fade" id="MazeSolverProject" tabindex="-1" role="dialog" aria-labelledby="fontipsumsModal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Maze Solver Project</h4>
<h6 class="modal-title-description">Implemented Breadth First Search and Depth First Search to find the path </h6>
</div>
<div class="modal-body">
<p>
<img class="img-responsive img-centered" src="img/what-ive-done/maze.png" alt="">
</p>
<p class="modal-description">Implemented Breadth First Search and Depth First Search to find the path.</p>
<Br>
<p class="modal-description"><strong>Note:</strong> It was super difficult</p>
<p class="modal-description"><strong>Warning:</strong> Took — So Much & Time.</p>
<p class="visit"><a href=" https://github.com/YounseoRyu/maze_solver_project" target="_blank" id="visit-btn">View Source </a></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- NHSJS Journal MODAL -->
<div class="modal fade" id="NHSJSPublish" tabindex="-1" role="dialog" aria-labelledby="fontipsumsModal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Publication on Peer-Reviewed Journal</h4>
<h6 class="modal-title-description">The New Method to Calculate the Electric Field from an Accelerating Charge </h6>
</div>
<div class="modal-body">
<p>
<img class="img-responsive img-centered" src="img/what-ive-done/physics.png" alt="">
</p>
<p class="modal-description">This paper calculated the electric field experienced by an observer in a circular motion due to a charge at the center of the circle in an unconventional way. Based on Kienard-Wiechert's classical electromagnetic field-line theory and Newton's law of action and reaction, I proved that, with some proper coordinate transformation, the electric field on an observer at rest by an accelerating charge is the same as the electric field measured when the charge is stationary and the observer is moving. I also proved that radiation field disappears when proper coordinate transformation is made. The result is finally applied to classical model of hydrogen atom to calculate the power lost by a moving electron around the nucleus.</p>
<Br>
<p class="modal-description"><strong>Warning:</strong> It was very difficult</p>
<p class="visit"><a href="https://nhsjs.com/2017/new-method-to-calculate-the-electric-field-from-an-accelerating-charge/" target="_blank" id="visit-btn">View Paper</a></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- KSCY MODAL -->
<div class="modal fade" id="KSCY" tabindex="-1" role="dialog" aria-labelledby="fontipsumsModal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Excellent Youth Scholars Award</h4>
<h6 class="modal-title-description">research on sorting algorithms and their time complexity </h6>
</div>
<div class="modal-body">
<p>
<img class="img-responsive img-centered" src="img/what-ive-done/kscypresentation.jpg" alt="">
</p>
<p class="modal-description">Excellent Youth Scholars Award received for successfuly presenting my research on sorting algorithms and their time complexity in “2016 Korea Scholar’s Conference for Youth” sponsored by Korean Ministry of Education. </p>
<Br>
<p class="modal-description"><strong>Warning:</strong> It was super fun</p>
<p class="visit"><a href="img/what-ive-done/sortingpaper.pdf" target="_blank" id="visit-btn">View Written Statement</a></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Fake News Plugin Modal -->
<div class="modal fade" id="FAKENEWSPLUGIN" tabindex="-1" role="dialog" aria-labelledby="fontipsumsModal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Determine if a News Article is Fake</h4>
<h6 class="modal-title-description">Chrome Extension & EASY TO USE </h6>
</div>
<div class="modal-body">
<p>
<img class="img-responsive img-centered" src="img/what-ive-done/fake-news-example.png" alt="">
</p>
<p class="modal-description">Onion.com is a satire news organization that publishes fake news only. Yes, of course an article on the website is determined to be false as you can see above. Created a chrome extension that determines if a news article is legitimate. Built sign-in feature using Firebase. Applied CRUD operations for real-time voting feature to track users’ opinion using Firestore database. Integrated APIs to web scrape articles and Google Cloud Platform for ML.</p>
<Br>
<p class="modal-description"><strong>Warning:</strong> Not enough documentation for chrome extension</p>
<p class="visit"><a href="https://devpost.com/software/fake-news-detector-plugin" target="_blank" id="visit-btn">View Source</a></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Just In Case SOS Application Modal -->
<div class="modal fade" id="JUSTINCASEAPPLICATION" tabindex="-1" role="dialog" aria-labelledby="fontipsumsModal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Just-In-Case SOS Application</h4>
<h6 class="modal-title-description">Java-based Android Application </h6>
</div>
<div class="modal-body">
<p>
<img class="img-responsive img-centered" src="img/what-ive-done/kscypresentation.jpg" alt="">
</p>
<p class="modal-description">Just-In-Case SOS Application. Developed a Java-based Android application that starts a livestream and location-sharing with your trusted friends, if you press a volume down button for 3 seconds. Implemented RTMP for livestream, HLS for the video playback, and Google Cloud Platform for location sharing. Firebase is used for creating friend groups. This project got me 2nd place on “Best use of Mux Video API” at University of Southern California Hackathon (HackSC 2020). Mux is a company that focuses on video technology. My team used its APIs to power livestream in “Just-In-Case SOS Application”, the project mentioned above. The project will be uploaded on the company’s blog soon. </p>
<Br>
<p class="modal-description"><strong>Warning:</strong> later, similar application found on Apple Store. Learned that we need some more market research before starting the project haha </p>
<p class="visit"><a href="https://devpost.com/software/just-in-case-cdmtg1" target="_blank" id="visit-btn">View Source</a></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Section: Contact -->
<section id="contact">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1 text-center">
<div class="email-icon"><i class="fa fa-paper-plane-o wp6"></i></div>
<h2>Get In Touch!</h2>
<p>Whether you have an idea for a project or just want to chat, feel free to shoot me an email! </p>
<p style="margin-top:40px;">
<a id="email-button" href="mailto:[email protected]" target="_blank">Say Hello</a>
</p>
<p> <br /><br /> or text me :) <br /><b>(408) 533-5213</b></p>
</div>
</div>
</div>
</section>
<!-- /Section: Contact -->
<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<!-- <h3>Other places you can find me</h3> -->
<ul class="list-inline social-buttons animated fadeIn">
<!-- Instagram Button -->
<li><a id="instagram" href="https://instagram.com/_ysryu34/" target="_blank"><i class="fa fa-instagram"></i></a></li>
<!-- GitHub Button -->
<li><a id="github" href="https://github.com/YounseoRyu" target="_blank"><i class="fa fa-github"></i></a></li>
<!-- LinkedIn Button -->
<li><a id="linkedin" href="https://www.linkedin.com/in/younseoryu/" target="_blank"><i class="fa fa-linkedin"></i></a></li>
</ul>
<div class="page-scroll">
<a id="to-top" class="page-scroll" href="#page-top">
<img id="rocket" src="img/rocket1.png" />
</a>
<p id="to-top-copy">Beam me up, Scotty!</p>
</div>
<div class="copyright">
<p><i class="fa fa-copyright"></i> Younseo Ryu 2019</p>
</div>
</div>
</div>
</div>
<!-- container -->
</footer>
<!-- Core JavaScript Files -->
<script src="js/bootstrap.min.js"></script>
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.scrollTo.min.js"></script>
<!-- Helpers -->
<script src="js/scrolling-nav.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/modernizr.js"></script>
<script src="js/custom.js"></script>
<script>
</script>
</body>
</html>