Repository navigation
Expand file tree
/
Copy pathprojects.html
More file actions
611 lines (589 loc) · 45.3 KB
/
Copy pathprojects.html
File metadata and controls
611 lines (589 loc) · 45.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="Webpixels">
<title>Projects</title>
<!-- Favicon -->
<link href="./Images/favi_big.png" rel="icon" type="image/png">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,800" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Quicksand:300&display=swap" rel="stylesheet">
<!-- Page plugins -->
<link type="text/css" href="./Stylesheets/highlight.min.css" rel="stylesheet">
<link type="text/css" href="./Stylesheets/atom-one-dark.css" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css"
integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<!-- Theme CSS -->
<link type="text/css" href="./Stylesheets/theme.css" rel="stylesheet">
<link type="text/css" href="./Stylesheets/portfolio.css" rel="stylesheet">
</head>
<body>
<header>
<div class="bg-white">
<div class="container">
<div class="col-md-10 offset-md-1" style="padding: 0px;">
<nav class="navbar navbar-expand-sm navbar-dark py-3" id="navbar_main" style="padding: 0px;">
<div class="container">
<a class="navbar-brand" id="name" href="./index.html"><strong>Jacob Frausto</strong></a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbar_main_collapse"
aria-controls="navbar_main" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar_main_collapse">
<ul class="navbar-nav align-items-lg-center ml-sm-auto">
<li class="nav-item">
<a class="nav-link header-link" href="./experience.html">Experience</a>
</li>
<li class="nav-item">
<a class="nav-link header-link" href="./projects.html">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link header-link" href="./skills.html">Skills</a>
</li>
<li class="nav-item">
<a class="nav-link header-link" href="./resume.html">Resume</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</div>
</header>
<main>
<section class="slice" id="projects">
<div class="container">
<div class="col-md-10 offset-md-1">
<h1 class="header-title"> Projects </h1>
<h3 class="header-subtitle">
<small> A collection of my work</small>
</h3>
<hr id="header-line">
</div>
</div>
<div class="container">
<div class="row project">
<div class="d-lg-inline-block">
<!-- First two projects -->
<div class="col-md-10 offset-md-1 d-lg-flex">
<div class="col-lg-6 mb-3">
<div class="card-body py-4 card shadow">
<div class="d-inline-block align-items-start">
<div class="d-inline-flex align-items-start">
<img class="project-icon"
src="./Images/CAPT.png" alt="Card image cap"
class="img-center">
<h4 style="margin-top: 10px;">CAPT: Conversational Agent for Psychedelic-assisted Therapy<br>
<small>CS 224V</small>
</h4>
</div>
<p class="no-bottom"><i>LLM-based support for safer psychedelic therapy journeys.</i></p>
<hr class="project-line">CAPT demonstates how LLMs can democratizes access to evidence-based psychedelic therapy support. Built on 11,000+ academic articles and clinical guidelines, it achieves 80-89% accuracy in providing personalized guidance across preparation, harm reduction, and integration phases. The system employs sophisticated safety mechanisms and intent classification to deliver contextually appropriate support while maintaining rigorous ethical standards. Though not a replacement for professional therapy, CAPT represents a significant step toward making psychedelic-assisted therapy more accessible, informed, and destigmatized.
<p class="card-text">
</p>
<div class="d-inline-flex align-items-start">
<a target="_blank"
href="https://drive.google.com/file/d/1VlHOjzqFD6Iubdnf7zJY1In8gV-My_HW/view?usp=sharing">
<button type="button" class="btn btn-primary btn-animated btn-animated-x">
<span class="btn-inner--visible">Report</span>
<span class="btn-inner--hidden"><i class="fa fa-file"></i></span>
</button>
</a>
</div>
<div class="d-inline-flex align-items-start">
<a target="_blank" href="https://drive.google.com/file/d/1bAoW4f_Bfdg4icaEM61MW8U1851a2Y3A/view?usp=sharing">
<button type="button" class="btn btn-primary btn-animated btn-animated-x">
<span class="btn-inner--visible">Poster</span>
<span class="btn-inner--hidden"><i class="fas fa-play"></i></span>
</button>
</a>
</div>
<div class="d-inline-flex align-items-start">
<a target="_blank"
href="https://github.com/jfrausto7/CAPT">
<button type="button" class="btn btn-primary btn-animated btn-animated-x">
<span class="btn-inner--visible">GitHub</span>
<span class="btn-inner--hidden"><i class="fab fa-github"></i></span>
</button>
</a>
</div>
<div class="d-inline-flex align-items-start">
<a target="_blank"
href="https://drive.google.com/file/d/1CS-F7QOf-hKX1bTxl_aFrG1hxtf38q-8/view?usp=sharing">
<button type="button" class="btn btn-primary btn-animated btn-animated-x">
<span class="btn-inner--visible">Video</span>
<span class="btn-inner--hidden"><i class="fas fa-video"></i></span>
</button>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mb-3">
<div class="card-body py-4 card shadow">
<div class="d-inline-block align-items-start">
<div class="d-inline-flex align-items-start">
<img class="project-icon"
src="./Images/stonehenge.png" alt="Card image cap"
class="img-center">
<h4 style="margin-top: 10px;">Uncertainty Quantification of Neural Radiance Fields
for Enhanced Safety Validation<br>
<small>SISL & CS 231N</small>
</h4>
</div>
<p class="no-bottom"><i>Augmenting safety validation of autonomous systems with uncertainty quantification of volumetric density in NeRFs.</i></p>
<hr class="project-line">In this project, we enhanced autonomous systems’ safety validation by integrating uncertainty quantification from Neural Radiance Fields (NeRFs). We used Gaussian and Bayesian Laplace Approximations to estimate uncertainty in volumetric density predictions. Disturbance vectors, which could lead to failure modes, were generated through various sampling and optimization algorithms. This approach significantly improved the robustness of our safety validation framework.
<p class="card-text">
</p>
<div class="d-inline-flex align-items-start">
<a target="_blank"
href="https://cs231n.stanford.edu/2024/papers/uncertainty-quantification-of-neural-radiance-fields-for-enhance.pdf">
<button type="button" class="btn btn-primary btn-animated btn-animated-x">
<span class="btn-inner--visible">Short Report</span>
<span class="btn-inner--hidden"><i class="fa fa-file"></i></span>
</button>
</a>
</div>
<div class="d-inline-flex align-items-start">
<a target="_blank"
href="https://drive.google.com/file/d/10aOsmoaV7Zdyneb7G9Ap06ZvS6nGJJNj/view?usp=sharing">
<button type="button" class="btn btn-primary btn-animated btn-animated-x">
<span class="btn-inner--visible">Full Report</span>
<span class="btn-inner--hidden"><i class="fa fa-file"></i></span>
</button>
</a>
</div>
<div class="d-inline-flex align-items-start">
<a target="_blank" href="https://drive.google.com/file/d/1IysZYoX5CqLTKb-sEU813WcHklE54zQ0/view?usp=sharing">
<button type="button" class="btn btn-primary btn-animated btn-animated-x">
<span class="btn-inner--visible">Poster</span>
<span class="btn-inner--hidden"><i class="fas fa-play"></i></span>
</button>
</a>
</div>
<div class="d-inline-flex align-items-start">
<a target="_blank"
href="https://github.com/sisl/NeRFSafetyValidation">
<button type="button" class="btn btn-primary btn-animated btn-animated-x">
<span class="btn-inner--visible">GitHub</span>
<span class="btn-inner--hidden"><i class="fab fa-github"></i></span>
</button>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Second two projects -->
<div class="col-md-10 offset-md-1 d-lg-flex">
<div class="col-lg-6 mb-3">
<div class="card-body py-4 card shadow">
<div class="d-inline-block align-items-start">
<div class="d-inline-flex align-items-start">
<img class="project-icon"
src="./Images/poker.png" alt="Card image cap"
class="img-center">
<h4 style="margin-top: 10px;">DeepQHoldem<br>
<small>CS 238 & CS 221</small>
</h4>
</div>
<p class="no-bottom"><i>Applying deep Q-learning and neural networks to develop a cost-effective and proficient No-Limit Texas Hold'em poker agent, exploring strategic decision-making in a game of imperfect information.</i></p>
<hr class="project-line">
<p class="card-text">Understanding and mastering strategic decision-making is a critical pursuit in artificial intelligence, with applications extending to fields such as game theory, decision science, and autonomous systems. By exploring the complexities of decision-making in a game characterized by imperfect information and individual play, this project seeks to contribute valuable insights into the broader realms of strategic artificial intelligence and competitive environments.
</p>
<div class="d-inline-flex align-items-start">
<a target="_blank"
href="https://github.com/jfrausto7/DeepQHoldem/tree/cs221-project">
<button type="button" class="btn btn-primary btn-animated btn-animated-x">
<span class="btn-inner--visible">GitHub</span>
<span class="btn-inner--hidden"><i class="fab fa-github"></i></span>
</button>
</a>
</div>
<div class="d-inline-flex align-items-start">
<a target="_blank"
href="https://youtu.be/K0KN6BYdsSs?feature=shared">
<button type="button" class="btn btn-primary btn-animated btn-animated-x">
<span class="btn-inner--visible">Video</span>
<span class="btn-inner--hidden"><i class="fas fa-video"></i></span>
</button>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mb-3">
<div class="card-body py-4 card shadow">
<div class="d-inline-block align-items-start">
<div class="d-inline-flex align-items-start">
<img class="project-icon"
src="./Images/nba.jpeg" alt="Card image cap" class="img-center">
<h4 style="margin-top: 10px;">Swish Science<br>
<small>CSCI 1951A</small>
</h4>
</div>
<p class="no-bottom"><i>Predicting NBA Success using Data Science and Visualization</i></p>
<hr class="project-line">
<p class="card-text">Our research project aims to revolutionize NBA team performance prediction through advanced modeling and analysis of historical and current season data. We seek to understand the factors that influence a team's success and create an accurate prediction model by exploring team and player statistics. Our findings have implications for NBA enthusiasts, sports analysts, team owners, and sports bettors, providing improved decision-making and precise projections of team performance. Ultimately, our research has the potential to significantly impact the dynamic world of professional sports.</p>
<div class="d-inline-flex align-items-start">
<a target="_blank"
href="https://drive.google.com/file/d/1Z5IJYkM0vZH9_oT0Ga2LQNbGtJkpZLJL/view?usp=sharing">
<button type="button" class="btn btn-primary btn-animated btn-animated-x">
<span class="btn-inner--visible">Abstract</span>
<span class="btn-inner--hidden"><i class="fa fa-file" aria-hidden="true"></i></span>
</button>
</a>
<a target="_blank" href="https://docs.google.com/presentation/d/1_JNkrW-3ntJzTeqkV92c9pUy96jMrh4oWpBeQD8aryY/edit?usp=sharing">
<button type="button" class="btn btn-primary btn-animated btn-animated-x">
<span class="btn-inner--visible">Poster</span>
<span class="btn-inner--hidden"><i class="fas fa-play"></i></span>
</button>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Second two projects -->
<div class="col-md-10 offset-md-1 d-lg-flex">
<div class="col-lg-6 mb-3">
<div class="card-body py-4 card shadow">
<div class="d-inline-block align-items-start">
<div class="d-inline-flex align-items-start">
<img class="project-icon"
src="./Images/wikiartgan64.png" alt="Card image cap"
class="img-center">
<h4 style="margin-top: 10px;">WikiArtGAN<br>
<small>Personal Project</small>
</h4>
</div>
<p class="no-bottom"><i>Using a Deep Convolutional Generative Adversarial Network to Generate Art.</i></p>
<hr class="project-line">
<p class="card-text">Generative Adversarial Networks (GANs) are a framework for teaching a DL model to capture the training data’s distribution in order to generate new data from that same distribution. They are made of two distinct models, a generator and a discriminator. My goal in this project was to form a direct extension of a GAN that explicitly uses convolutional and convolutional-transpose layers in the discriminator and generator, respectively. By training this model on the WikiArt dataset, I was able to produce resulting generated images that genuinely embody elements of real artwork.
</p>
<div class="d-inline-flex align-items-start">
<a target="_blank"
href="https://github.com/jfrausto7/WikiArtGAN">
<button type="button" class="btn btn-primary btn-animated btn-animated-x">
<span class="btn-inner--visible">GitHub</span>
<span class="btn-inner--hidden"><i class="fab fa-github"></i></span>
</button>
</a>
</div>
<div class="d-inline-flex align-items-start">
<a target="_blank"
href="https://drive.google.com/file/d/1-Ukgtm7vulL_YdVLldquyihAgHevasV2/view?usp=sharing">
<button type="button" class="btn btn-primary btn-animated btn-animated-x">
<span class="btn-inner--visible">Video</span>
<span class="btn-inner--hidden"><i class="fas fa-video"></i></span>
</button>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mb-3">
<div class="card-body py-4 card shadow">
<div class="d-inline-block align-items-start">
<div class="d-inline-flex align-items-start">
<img class="project-icon"
src="./Images/geoguessr.jpeg" alt="Card image cap" class="img-center">
<h4 style="margin-top: 10px;">GeoGuessing With Photo Localization and Deep Learning<br>
<small>CSCI 1430</small>
</h4>
</div>
<p class="no-bottom"><i>GeoGuessr is a geographic discovery game. We've automated it.</i></p>
<hr class="project-line">
<p class="card-text">Our goal was to utilize a trainable convolutional neural network (CNN) model to predict the geographical location of a set of images. By first thoroughly training the model with Google Street View images, we then put the model to the test by feeding it scraped images directly from GeoGuessr games based in the United States. Our model then decided on which states it believed that GeoGuessr had placed them in geographically.</p>
<div class="d-inline-flex align-items-start">
<a target="_blank" href="https://github.com/jfrausto7/csci1430-final">
<button type="button" class="btn btn-primary btn-animated btn-animated-x">
<span class="btn-inner--visible">GitHub</span>
<span class="btn-inner--hidden"><i class="fab fa-github"></i></span>
</button>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Second row of projects -->
<div class="col-md-10 offset-md-1 d-lg-flex">
<div class="col-lg-6 mb-3">
<div class="card-body py-4 card shadow">
<div class="d-inline-block align-items-start">
<div class="d-inline-flex align-items-start">
<img class="project-icon"
src="./Images/simclr.jpeg" alt="Card image cap"
class="img-center">
<h4 style="margin-top: 10px;">Contrastive Self-Supervised Image Classification with SimCLR<br>
<small>CSCI 1470</small>
</h4>
</div>
<p class="no-bottom"><i>Training an image classifier without using labels by building a model that can generate labels needed for training from the images themselves!</i></p>
<hr class="project-line">
<p class="card-text">Implemented a contrastive self-supervision model to learn image representations from unlabelled data and investigate its performance for an image classification downstream task. The overall outlined learning framework is semi-supervised and trained in two stages. First we implemented simCLR to extract image feature representations without using labels. Then, we used a labeled dataset to train a classifier on top of our learned feature backbone for the classification task.</p>
<div class="d-inline-flex align-items-start">
<a target="_blank"
href="https://devpost.com/software/contrastive-self-supervised-image-classification?ref_content=my-projects-tab&ref_feature=my_projects">
<button type="button" class="btn btn-primary btn-animated btn-animated-x">
<span class="btn-inner--visible">DevPost</span>
<span class="btn-inner--hidden"><i class="fas fa-code"></i></span>
</button>
</a>
<a target="_blank"
href="https://github.com/Bader-shall-ship-it/CSCI1470-FinalProject">
<button type="button" class="btn btn-primary btn-animated btn-animated-x">
<span class="btn-inner--visible">GitHub</span>
<span class="btn-inner--hidden"><i class="fab fa-github"></i></span>
</button>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mb-3">
<div class="card-body py-4 card shadow">
<div class="d-inline-block align-items-start">
<div class="d-inline-flex align-items-start">
<img class="project-icon"
src="./Images/bezier.png" alt="Card image cap"
class="img-center">
<h4 style="margin-top: 10px;">genClassBezier2D<br>
<small>Personal Project</small>
</h4>
</div>
<p class="no-bottom"><i>A short project with the goal of generating a small 2D image dataset of abstract shapes (formed using Bezier curves) and then training a model to classify them.</i></p>
<hr class="project-line">
<p class="card-text">Recognizing shapes is an essential task in computer vision. An amalgamation of different application areas rely heavily on shape recognition, including robotics, healthcare, security systems, and assistance for the impaired.
My goal with this project is to first provide a procedure for generating a few datasets of abstract 2D shapes (formed using Bezier curves). I then prepare the architecture for a simple convolutional neural network (CNN) to classify said shapes based on complexity.
</p>
<div class="d-inline-flex align-items-start">
<a target="_blank"
href="https://github.com/jfrausto7/genClassBezier2D">
<button type="button" class="btn btn-primary btn-animated btn-animated-x">
<span class="btn-inner--visible">GitHub</span>
<span class="btn-inner--hidden"><i class="fab fa-github"></i></span>
</button>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Third row of projects -->
<div class="col-md-10 offset-md-1 d-lg-flex">
<div class="col-lg-6 mb-3">
<div class="card-body py-4 card shadow">
<div class="d-inline-block align-items-start">
<div class="d-inline-flex align-items-start">
<img class="project-icon"
src="./Images/mm.png" alt="Card image cap"
class="img-center">
<h4 style="margin-top: 10px;">MindMap<br>
<small>YHack 2019</small>
</h4>
</div>
<p class="no-bottom"><i> Revolutionizing education through transcription and visualization</i></p>
<hr class="project-line">
<p class="card-text">MindMap is a web application that can create a transcription from a video lecture that is then condensed and compiled into a simple to use and fun word-map diagram. MindMap utilizes the Google Cloud's Speech-to-Text API (through both Python and Java) in order to create a seamless transition in a fraction of the time that it would take to sit and watch the lecture.</p>
<div class="d-inline-flex align-items-start">
<a target="_blank"
href="https://devpost.com/software/mindmap-kr8bmz">
<button type="button" class="btn btn-primary btn-animated btn-animated-x">
<span class="btn-inner--visible">DevPost</span>
<span class="btn-inner--hidden"><i class="fas fa-code"></i></span>
</button>
</a>
<a target="_blank"
href="https://github.com/Cina10/MindMap">
<button type="button" class="btn btn-primary btn-animated btn-animated-x">
<span class="btn-inner--visible">GitHub</span>
<span class="btn-inner--hidden"><i class="fab fa-github"></i></span>
</button>
</a>
<a target="_blank"
href="https://drive.google.com/open?id=1GUmJfWUVJUlo39aqwB564ZQCSQplYNF-u7oZ6DC-vaU">
<button type="button" class="btn btn-primary btn-animated btn-animated-x">
<span class="btn-inner--visible">Presentation</span>
<span class="btn-inner--hidden"><i class="fas fa-play"></i></span>
</button>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mb-3">
<div class="card-body py-4 card shadow">
<div class="d-inline-block align-items-start">
<div class="d-inline-flex align-items-start">
<img class="project-icon"
src="./Images/celebrity.png" alt="Card image cap" class="img-center">
<h4 style="margin-top: 10px;">CelebrityJumble<br>
<small>Personal Project</small>
</h4>
</div>
<p class="no-bottom"><i>Scrambles the thoughts of popular celebrities</i></p>
<hr class="project-line">
<p class="card-text">CelebrityJumble is a Twitter bot that I created in Python. It utilizes Tweepy and the Twitter API along with OAuth to collect and reproduce tweets. On top of this, extensive error handling is needed in order to successfully run CelebrityJumble.
I personally have CelebrityJumble on my laptop set to run 7 times a day automatically with Automator and the Unix crontab command. This tweets to the account @CelebrityJumble, which I made for this project.</p>
<div class="d-inline-flex align-items-start">
<a target="_blank"
href="https://twitter.com/CelebrityJumble">
<button type="button" class="btn btn-primary btn-animated btn-animated-x">
<span class="btn-inner--visible">Twitter</span>
<span class="btn-inner--hidden"><i class="fab fa-twitter"></i></span>
</button>
</a>
<a target="_blank" href="https://github.com/jfrausto7/PythonProjects/blob/master/twitterBot.py">
<button type="button" class="btn btn-primary btn-animated btn-animated-x">
<span class="btn-inner--visible">GitHub</span>
<span class="btn-inner--hidden"><i class="fab fa-github"></i></span>
</button>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Fourth row of projects -->
<div class="col-md-10 offset-md-1 d-lg-flex">
<div class="col-lg-6 mb-3">
<div class="card-body py-4 card shadow">
<div class="d-inline-block align-items-start">
<div class="d-inline-flex align-items-start">
<img class="project-icon"
src="./Images/weather.png" alt="Card image cap"
class="img-center">
<h4 style="margin-top: 10px;">Weather Scraper<br>
<small>Personal Project</small>
</h4>
</div>
<p class="no-bottom"><i>Quickly retrieve the current weather in any US city</i></p>
<hr class="project-line">
<p class="card-text">Weather Scraper is a tool that fetches the current temperature and other useful information of any city in the United States. It's a data scraping project written in Python. Weather Scraper retrieves data using GeoPy, parses it through Beautiful Soup, and finally returns it to the user in a simplified form.</p>
<div class="d-inline-flex align-items-start">
<a target="_blank"
href="https://github.com/jfrausto7/PythonProjects/blob/master/weatherScraper.py">
<button type="button" class="btn btn-primary btn-animated btn-animated-x">
<span class="btn-inner--visible">GitHub</span>
<span class="btn-inner--hidden"><i class="fab fa-github"></i></span>
</button>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mb-3">
<div class="card-body py-4 card shadow">
<div class="d-inline-block align-items-start">
<div class="d-inline-flex align-items-start">
<img class="project-icon"
src="./Images/covid.png" alt="Card image cap" class="img-center">
<h4 style="margin-top: 10px;">covidTable<br>
<small>Personal Project</small>
</h4>
</div>
<p class="no-bottom"><i>Track COVID-19 Statistics in real time</i></p>
<hr class="project-line">
<p class="card-text">This tool scrapes data about COVID-19 cases and then presents it in a neat table format. Written in Python, covidTable parses data with Beautiful Soup. Afterwards, the data is presented with the texttable module.</p>
<div class="d-inline-flex align-items-start">
<a target="_blank" href="https://github.com/jfrausto7/PythonProjects/blob/master/covidTable.py">
<button type="button" class="btn btn-primary btn-animated btn-animated-x">
<span class="btn-inner--visible">GitHub</span>
<span class="btn-inner--hidden"><i class="fab fa-github"></i></span>
</button>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Last row of projects -->
<div class="col-md-10 offset-md-1 d-lg-flex">
<div class="col-lg-6 mb-3">
<div class="card-body py-4 card shadow">
<div class="d-inline-block align-items-start">
<div class="d-inline-flex align-items-start">
<img class="project-icon"
src="./Images/music.png" alt="Card image cap" class="img-center">
<h4 style="margin-top: 10px;">Music Visualizer<br>
<small>Personal Project</small>
</h4>
</div>
<p class="no-bottom"><i>Generate unique graphics based on audio</i></p>
<hr class="project-line">
<p class="card-text">This project visualizes audio. Written in Java, Musical Visualizer utilizes the Processing graphical library with basic drawing and another library called Minim to analyze any audio file. I created and taught children about this project as an Online Instructor with iD Tech Camps.</p>
<div class="d-inline-flex align-items-start">
<a target="_blank"
href="https://youtu.be/6l62yprvFWw">
<button type="button" class="btn btn-primary btn-animated btn-animated-x">
<span class="btn-inner--visible">Demo</span>
<span class="btn-inner--hidden"><i class="fab fa-youtube"></i></span>
</button>
</a>
<a target="_blank" href="https://github.com/jfrausto7/CodingAppsJava/blob/master/src/MusicVisualizer.java">
<button type="button" class="btn btn-primary btn-animated btn-animated-x">
<span class="btn-inner--visible">GitHub</span>
<span class="btn-inner--hidden"><i class="fab fa-github"></i></span>
</button>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mb-3">
<div class="card-body py-4 card shadow">
<div class="d-inline-block align-items-start">
<div class="d-inline-flex align-items-start">
<img class="project-icon"
src="./Images/at_icon.png" alt="Card image cap" class="img-center">
<h4 style="margin-top: 10px;">autoTagger<br>
<small>Signs.com</small>
</h4>
</div>
<p class="no-bottom"><i> A small script I've built to help reduce tagging time</i></p>
<hr class="project-line">
<p class="card-text">This functional program automates and expedites the tagging process for my part-time work. Written in Python, autoTagger integrates Selenium WebDriver APIs to optimize agent tagging with a 25-33% reduction in process duration.</p>
<div class="d-inline-flex align-items-start">
<a target="_blank"
href="https://youtu.be/Lu1hDsMQ3CU">
<button type="button" class="btn btn-primary btn-animated btn-animated-x">
<span class="btn-inner--visible">Demo</span>
<span class="btn-inner--hidden"><i class="fab fa-youtube"></i></span>
</button>
</a>
<a target="_blank" href="https://github.com/jfrausto7/autoTagger">
<button type="button" class="btn btn-primary btn-animated btn-animated-x">
<span class="btn-inner--visible">GitHub</span>
<span class="btn-inner--hidden"><i class="fab fa-github"></i></span>
</button>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End of projects -->
</div>
</div>
</div>
</main>
<!-- Core -->
<script src="./Scripts/jquery.min.js"></script>
<script src="./Scripts/popper.min.js"></script>
<script src="./Scripts/bootstrap.min.js"></script>
<!-- FontAwesome 5 -->
<script src="./Scripts/fontawesome-all.min.js" defer></script>
<!-- Page plugins -->
<script src="./Scripts/highlight.min.js"></script>
<!-- Theme JS -->
<script src="./Scripts/theme.min.js"></script>
</body>
</html>