-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
474 lines (473 loc) · 47.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Jordan Benge's personal portfolio website</title><!-- Meta -->
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Jordan Benge's Portfolio" name="description">
<meta content="Jordan Benge" name="author">
<link href="favicon.ico" rel="shortcut icon">
<link href='https://fonts.googleapis.com/css?family=Lato:300,400,300italic,400italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><!-- FontAwesome JS -->
<script defer src="https://use.fontawesome.com/releases/v5.1.0/js/all.js">
</script><!-- Global CSS -->
<link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet"><!-- Theme CSS -->
<link href="assets/css/styles.css" id="theme-style" rel="stylesheet">
</head>
<body>
<!-- ******HEADER****** -->
<header class="header">
<div class="container clearfix">
<img alt="Jordan Benge" class="profile-image img-fluid float-left" src="assets/images/profile.png">
<div class="profile-content float-left">
<h1 class="name">Jordan Benge</h1>
<h2 class="desc">Application Software Developer</h2>
<ul class="social list-inline">
<li class="list-inline-item">
<a href="https://twitter.com/J_Benge13"><i class="fab fa-twitter"></i></a>
</li>
<li class="list-inline-item">
<a href="https://plus.google.com/u/0/115553779196108988927"><i class="fab fa-google-plus-g"></i></a>
</li>
<li class="list-inline-item">
<a href="https://www.linkedin.com/in/jordandanielbenge/"><i class="fab fa-linkedin-in"></i></a>
</li>
<li class="list-inline-item">
<a href="https://github.com/Bengejd"><i class="fab fa-github-alt"></i></a>
</li>
<li class="list-inline-item">
<a href="https://stackoverflow.com/users/3507670/jordan-benge"><i class="fab fa-stack-overflow"></i></a>
</li>
<li class="list-inline-item last-item">
<a href="https://codepen.io/Bengejd/"><i class="fab fa-codepen"></i></a>
</li>
</ul>
</div><!--//profile-->
<a class="btn btn-cta-primary float-right" href="https://github.com/Bengejd/Bengejd.github.io/raw/master/assets/docs/Jordan_Benge_Resume.pdf"><i class="fas fa-paper-plane"></i> Available</a>
</div><!--//container-->
</header><!--//header-->
<div class="container sections-wrapper">
<div class="row">
<div class="primary col-lg-8 col-12">
<section class="about section">
<div class="section-inner">
<h2 class="heading">About Me</h2>
<div class="content">
<p>I am a Software Developer based in Oxford, Ohio. I specialize in designing and developing mobile-first web applications; be it professional freelance opportunities or personal projects, all the while studying Computer Science at Miami University.</p>
<p>The things that I believe set me apart from everyone else is my passion and dedication for any project that I work on. I <strong>love</strong> the creativity and discipline that goes into Software Development and I always strive for <strong>scalable</strong> and clean code that is <strong>maintainable</strong> and <strong>readable</strong> in every project that I come in contact with.</p>
</div><!--//content-->
</div><!--//section-inner-->
</section><!--//section-->
<section class="experience section">
<div class="section-inner">
<h2 class="heading">Work Experience</h2>
<div class="content">
<div class="item">
<h3 class="title">Data Aggregation Engineer <span class="place"><a href="https://www.linkedin.com/company/brightfoxgo/about/">BrightFox</a></span> <span class="year">(2019 - 2020)</span></h3>
<p><strong>Brightfox</strong> is an online healthcare staffing platform that cuts out the staffing agency middlemen within the healthcare industry. As a <strong>Data Aggregation Engineer</strong>, it was my responsibility to design & develop BrightFox's creative data-extraction and transformation application. The application uses a modular design of systems that are completely independent of one another, ensuring the failure of one does not affect the success of the others.</p>
<p> Currently this application processes over 30 unique healthcare systems, which brings in the data from hundreds of thousands of hospital staffing positions across the nation into the BrightFox database.</p>
<p>Due to the volitile nature of any startup company, I had to be ready to pivor my focus at a moments notice, based on the outcome of our weekly team meetings and the success or faulure of our recent efforts.</p>
<p>Unfortunately, my time with BrightFox was cut short due to the economic impact that the <strong>2020 Corona virus</strong> had on the United States.</p>
</div><!--//item -->
<hr class="divider">
<div class="item">
<h3 class="title">Co Owner / Developer <span class="place"><a href="https://devCafe.co/">DevCafe</a></span> <span class="year">(2019 - Present)</span></h3>
<p><strong>DevCafe</strong> is a small collective of like-minded individuals whose focus is providing <strong>end-to-end</strong> web & app development solutions for each of our clients that allows for their unique idea to come to life and blossom.</p>
<p>We work with companies and teams of all sizes. From three people in a work-loft to businesses that are household names around the globe. No job is too big for DevCafe, as long as we have <strong>coffee</strong>!</p>
<p><strong>DevCafe</strong> is unique in the fact that the team is not based in any one country! Our team consists of a group of *Digital Nomads* spanning a number of countries and timezones; and because of this, we understand the importance of being self-sustaining and accountable developers.</p>
<h4 class="title">What We Offer</h4>
<ul>
<li>Front-end development</li>
<li>Back-end development</li>
<li>UX/UI analysis & advice</li>
<li>Product Testing & Bug Documentation</li>
<li>End-to-end, Full-stack development</li>
</ul>
</div><!--//item-->
<hr class="divider">
<div class="item">
<h3 class="title">Application Software Developer - <span class="place"><a href="https://wanna-train.com/">WannaTrain</a></span> <span class="year">(2018 - August 2019)</span></h3>
<p>Wanna Train is a wellness community, where anyone can meet up and workout by simply sending a “Wanna Train" invitation.</p>
<p>As one of the developers of Wanna Train I was responsible for implementing feature-requests, design specifications, bug resolutions, clearly communicating between the various departments of WannaTrain - be it the Testing Department, Administration or internally within the Development Team, all the while ensuring my code meets standards & has been thoroughly vetted before submission.</p>
<p>WannaTrain is unique in the fact that the development team is not based in the United States - or even the company itself! The team consists of a group of <a href="https://en.wikipedia.org/wiki/Digital_nomad">Digital Nomads</a> spanning a number of countries and timezones.</p>
<p>Working here taught me the importance of being a <strong>self-sustaining</strong> and <strong>accountable</strong> developer; because if I ran into a problem at 9:00 AM EST, I had no one but myself to help solve it until around 9:00 PM - 11:00 PM EST.</p>
<p>Similarly, if some of my code does not pass review, I would not know about it until a couple of days later, due to timezone constraints, potentially missing deadlines.</p>
<p>This means that I had to be certain that I wrote code that will hold up to specifications & expectations.</p>
</div><!--//item-->
<hr class="divider">
<div class="item">
<h3 class="title">Co-Founder & Lead Developer - <span class="place"><a href="#">SocialPnt</a></span> <span class="year">(2017 - 2019)</span></h3>
<p>SocialPnt is a location-based social media app, that brings users together through pnts (points) in time. Users can discover what is going on around them, stay in touch with the people who matter the most and capture & relive every moment again and again.</p>
<p>I built SocialPnt from the ground up, learning on the way what it really takes to create a end-to-end mobile application from start to finish. SocialPnt covers six different programming languages, has over 45 service providers, 84 individual pages, countless components and numerous technological integrations.</p>
<p>SocialPnt has been my pride and joy for a little more than a year now. It started with whiteboard drawings, copious amounts of chicken-scratched notes and lots caffeine. It then moved to <strong>Sketch</strong> design mockups, proof of concepts, technology selection, and about six months of solo development & testing.</p>
<p>SocialPnt is <strong>live</strong> on the IOS App store, but there isn't a day that goes by, that I don't think of new ways I could improve upon it. Optimizations, new implementations, integrations and a better tomorrow for everyone who uses the app, is always my goal.</p>
<p>SocialPnt was a daunting task that I wasn't confident I would be able to complete in the beginning, but eventually - I did. And I cannot tell you how great that feels.</p>
</div><!--//item-->
<hr class="divider">
<div class="item">
<h3 class="title">Application Software Developer - <span class="place"><a href="http://research.uc.edu/">University of Cincinnati, Office of Research</a></span> <span class="year">(January 2016 - January 2017)</span></h3>
<p>As a Developer at UC I was responsible for the technical direction of projects throughout the development lifecycle. This included keeping thorough documentation on projects status, development and team work-ability.</p>
<p>I was on the ground floor when it came to re-designing the Office of Research website, a project that I pushed for almost immediately upon coming into my role. I spent a lot of days in meetings, with every department head discussing their needs, and how we could implement them in a way that made it easy to find any information that you were looking for.</p>
</div><!--//item-->
<hr class="divider">
<div class="item">
<h3 class="title">Junior Software Developer - <span class="place"><a href="http://www.running2win.com/">Athletic Performance Tools, LLC</a></span> <span class="year">(Summer 2014)</span></h3>
<p>I helped our team solve new and interesting problems, using a wide variety of technologies to tackle these problems including, <strong>AngularJS</strong>, <strong>HTML</strong>, <strong>CSS</strong>, <strong>Javascript</strong> and external Api's. With a small focused team, we all shared the successes of one another. This personal investment allowed me to interact with a new and growing team in an environment that I had never experienced before. Though my time with the company was short, due to my constraints of being a student, the things that I learned were invaluable.</p>
</div><!--//item-->
</div><!--//content-->
</div><!--//section-inner-->
</section><!--//section-->
<section class="latest section">
<div class="section-inner">
<h2 class="heading">Latest Projects</h2>
<div class="content">
<div class="item featured text-center">
<h3 class="title"><a href="#" target="_blank">SocialPnt - IOS App</a></h3>
<p class="summary">A location-based social network that connects people through places.</p>
<div class="featured-image">
<a class="col-md-4 col-12" href="#" target="_blank"><img alt="SocialPnt" class="img-fluid project-image" src="assets/images/projects/SocialPnt.png"></a>
</div>
<div class="desc text-left">
<p>Users can engage with their friends’ past, present, and future through the use of distinct Pnts located in popular locations. Now available on the App store for free!</p>
<p class="title">Framework, services and more</p>
<p>SocialPnt leverages the Ionic framework to give a cross-platform mobile experience. It utilizes <a href="https://firebase.google.com/">Google Firebase</a>, and their <a href="https://firebase.google.com/docs/firestore/">Cloud Firestore</a> service for it's database purposes, as well as <a href="https://cloud.google.com/functions/">Google Cloud Functions</a> to offload some of the more sensitive, and intensive data processing tasks to a dedicated Google Cloud instance.</p>
<p>SocialPnt also leverages other SAAS solutions, such as <a href="https://www.algolia.com/">Algolia Search</a>, <a href="https://branch.io/">Branch .io</a> and <a href="https://cloudinary.com/">Cloudinary Image hosting</a>.</p>
<p class="title">Languages</p>
<p>Socialpnt is written in <strong>Typescript</strong>, <strong>HTML</strong> and <strong>SCSS</strong> with custom <strong><a href="https://cordova.apache.org/">Apache Cordova</a></strong> plugins written in <strong>Swift</strong> , <strong>Objective-C</strong> and <strong>Javascript</strong>.</p>
</div><!--//desc-->
</div><!--//item-->
<hr class="divider">
<div class="item featured text-center">
<h3 class="title"><a href="https://github.com/Bengejd/NOLS" target="_blank">IPA - Ionic Plugin Assistant</a></h3>
<p class="summary">A NodeJs library that generates the necessary boilerplate for creating Ionic/Cordova plugins</p>
<div class="featured-image">
<a class="col-md-4 col-12" href="https://https://github.com/Bengejd/Ionic-Plugin-Assistant" target="_blank"><img alt="IPA" class="img-fluid project-image" src="assets/images/projects/IPA_LOGO.png"></a>
</div>
<div class="desc text-left">
<p class="mb-2">IPA was made to make the average Ionic developers life a little bit easier, when wanting to create the own plugin for the Ionic Framework. Creating a plugin takes a <strong>LOT</strong> initial setup. I've written <a href="https://medium.com/@JordanBenge/how-to-write-an-ionic-cordova-plugin-in-swift-8d443430b27d">Medium articles</a> about how to properly setup plugins, but I felt like even with that, the process was too convoluted for some.</p>
<p>So instead, I wanted to make the process easier - so I created the Ionic Plugin Assistant - IPA for short. Creating the package also made my life easier, because despite writing about the topic, I'm human and forget some of the steps, and often have to Google specifics - which lead me to <strong>my</strong> article.</p>
<p>When you run IPA, it will ask you a few questions about your plugin, such as: the plugin name, the authors name, github repo, license, etc... and then generate all of the boilerplate code, to the point that you could <strong>technically</strong> submit it to the Ionic Native platform as a new plugin - but it would probably be closed for lack of functionality.</p>
<p>IPA ensures that your plugin will adhear to Ionic plugin standards, common community standards, and set you up for success when it comes to making your plugin. This isn't to say that it will write your plugin for you, but it will give you a basic setup to get started with, where there was none to begin with.</p>
<p>The library generates 11 files, all with unique requirements to properly work in your specific platform & within the Ionic Framework</p>
<p>I opened-sourced IPA under the MIT license.</p>
<p class="title">Languages</p>
<p>IPA is written in <strong>NodeJs</strong> and <strong>Javascript</strong>.</p>
<p class="title">Services, Integrations and more</p>
<p>IPA utilizes <strong><a href="https://travis-ci.org/">Travis Continuous Integration</a></strong> for consistent deployment, <strong><a href="https://mochajs.org/">Mocha</a></strong> for Unit Testing (with a 87% code coverage reported by <strong><a href="https://codecov.io/">CodeCov!</a></strong>), with <strong><a href="https://webpack.js.org/">Webpack</a></strong><strong></strong> and <strong><a href="https://github.com/babel/babel">Babel</a></strong> used during the build phase.</p>
<p><a class="more-link" href="https://github.com/Bengejd/NOLS" target="_blank"><i class="fas fa-external-link-alt"></i>View on GitHub</a></p>
</div>
</div>
<hr class="divider">
<div class="item featured text-center">
<h3 class="title"><a href="https://github.com/Bengejd/NOLS" target="_blank">NOLS - No One Likes Stylesheets</a></h3>
<p class="summary">A NodeJs library that makes writing pixel perfect CSS a breeze</p>
<div class="featured-image">
<a class="col-md-4 col-12" href="https://github.com/Bengejd/NOLS" target="_blank"><img alt="SocialPnt" class="img-fluid project-image" src="assets/images/projects/NOLS_LOGO.png"></a>
</div>
<div class="desc text-left">
<p class="mb-2">NOLS is a <strong>NodeJs</strong> package that I came up with after getting tired of making pixel-to-viewport conversions by hand, as in a large project you could potentially have dozens of small conversions that need to be done.</p>
<p>With NOLS at your side you can have the peace of mind of knowing that your pixel perfect CSS looks the same on all devices.</p>
<p>Other Node packages allow you to calculate a conversion, but none actually help you streamline your development process by applying the conversion in your stylesheets for you. <strong>Until NOLS.</strong></p>
<p>What started out as a way to help myself out, has now become a pivotal part of my development process. As a result, I opened-sourced NOLS under the MIT license. So others could benefit as well.</p>
<p class="title">Languages</p>
<p>NOLS is written in <strong>NodeJs</strong> and <strong>Javascript</strong></p>
<p class="title">Services, Integrations and more</p>
<p>NOLS utilizes <strong><a href="https://travis-ci.org/">Travis Continuous Integration</a></strong> for consistent deployment, <strong><a href="https://mochajs.org/">Mocha</a></strong> for Unit Testing (with a 95% code coverage reported by <strong><a href="https://codecov.io/">CodeCov!</a></strong>), with <strong><a href="https://webpack.js.org/">Webpack</a></strong><strong></strong> and <strong><a href="https://github.com/babel/babel">Babel</a></strong> used during the build phase.</p>
<p><a class="more-link" href="https://github.com/Bengejd/NOLS" target="_blank"><i class="fas fa-external-link-alt"></i>View on GitHub</a></p>
</div>
</div>
<hr class="divider">
<div class="item row">
<a class="col-md-4 col-12" href="#" target="_blank"><img alt="Ionic-4-logo" class="img-fluid project-image" src="assets/images/projects/IPA_LOGO.png"></a>
<div class="desc col-md-8 col-12">
<h3 class="title">Ionic 4 - Components Repository <span class="badge badge-theme">In Development</span></h3>
<p>The Ionic 4 Components repository is a revival of the now dead <a href="">Ionic 3 Components</a> Github repo. It's aim is the same, to help people learn and speed up their development process with a curated list of advanced, unique, but often required components and functionality that is missing within the Ionic 4 Framework.</p>
<p>It is open-sourced under the MIT license, and all are more than welcome to contribute.</p>
</div><!--//desc-->
</div><!--//item-->
<hr class="divider">
<div class="item row">
<a class="col-md-4 col-12" href="https://github.com/Bengejd/cordova-plugin-last-cam" target="_blank"><img alt="project name" class="img-fluid project-image" src="assets/images/projects/last-cam-logo.png"></a>
<div class="desc col-md-8 col-12">
<h3 class="title"><a href="https://github.com/Bengejd/cordova-plugin-last-cam" target="_blank">LastCam - An Ionic-Cordova Camera Plugin written in Swift</a></h3>
<p class="mb-2">LastCam is a plugin I created after finding some of the alternatives within the Ionic community to be lacking. It utilizes a user's camera to create a preview that is streamed straight from their phone, into any HTML view that they want.</p>
<p>The thing that makes LastCam special is it's ability to capture both videos and images, while other plugins only offer one or the other.</p>
<p class="title">Languages</p>
<p>LastCam is written in <strong>Swift</strong>, <strong>Javascript</strong> and <strong>Objective-C</strong></p>
<p><a class="more-link" href="https://github.com/Bengejd/cordova-plugin-last-cam" target="_blank"><i class="fas fa-external-link-alt"></i>View on GitHub</a></p>
</div><!--//desc-->
</div><!--//item-->
<hr class="divider">
<div class="item row">
<a class="col-md-4 col-12" href="#" target="_blank"><img alt="project name" class="img-fluid project-image" src="assets/images/projects/Ytrap.png"></a>
<div class="desc col-md-8 col-12">
<h3 class="title">YTrap - IOS App</h3>
<p>YTrap is a simple mobile app review system designed to allow the attendees of an event to give an honest yet anonymous review of the event without outing themselves. This allows hosts to facilitate better events in the future.</p>
<p class="mb-2">YTrap was the first mobile app that I made. After careful consideration I made the decision to shut the app down, after some privacy concerns with the Facebook Developer API, which fueled the application.</p>
</div><!--//desc-->
</div><!--//item-->
<hr class="divider">
<div class="item row">
<a class="col-md-4 col-12" href="#" target="_blank"><img alt="project name" class="img-fluid project-image" src="assets/images/projects/freedom-summer-app.jpeg"></a>
<div class="desc col-md-8 col-12">
<h3 class="title"><a href="http://cds.lib.miamioh.edu/freedom-summer-app/" target="_blank">Freedom Summer App - IOS & Android App</a></h3>
<p class="mb-2">The Freedom Summer App (FSApp) is a location-based tour that uses a mobile device and GPS technology to transport you to 1964 where you train as a Freedom Summer volunteer on Miami University's campus in Oxford, Ohio.</p>
<p class="title">Languages</p>
<p>FSApp is built using the open-source project <strong><a href="https://fielddaylab.org/make/aris/">ARIS</a></strong>, written in <strong>PHP</strong> and <strong>Objective-C</strong>. It leverages augmented reality to immerse the user into the rich history of the Freedom Summer, while using real-time image recognition to project historical images onto the user's screen at certain locations. The app is currently in Beta, and only available to pre-approved testers.</p>
<p><a class="more-link" href="https://drive.google.com/open?id=1KOqus1L8kGbHoDZmUNZz0QAoD1nmzctiAB-9xQkW3mA" target="_blank"><i class="fas fa-external-link-alt"></i>Check out our presentation</a></p>
</div><!--//desc-->
</div><!--//item-->
</div><!--//content-->
</div><!--//section-inner-->
</section><!--//section-->
<section class="projects section">
<div class="section-inner">
<h2 class="heading">Other Projects</h2>
<div class="content">
<div class="item">
<h3 class="title">Toggl Invoice Generator <span class="badge badge-theme">Public</span></h3>
<p class="mb-2">This was a quality of life improvement type of project for me. My team and I use Toggl to track our hours for working remotely, but Toggl requires a premium account for invoice generation, and even then, the invoices were not all that nice to look at. Since I do not control the team account, I was left with having to generate my invoices each week by hand.</p>
<p>This was a necessary evil, and often I dreaded having to do it. A lot goes into proper invoice generation for our company - calculating each individual task's hourly rate, calculating the total invoice cost and time, updating the appropriate dates and payout periods, bumping the invoice number, etc... all in all, it would take me about an hour or two every two weeks, depending on how many tickets I cleared that pay period, but I always dreaded it.</p>
<p>So I decided one day that I was tired of generating the invoices by hand, and set out to try and automate it for myself. Toggl's documentation is really nice, but the hardest part was properly filling out my invoice template that I had gotten attached to over time.</p>
<p>After a few hours of trial and error (Python and DocX files don't like each-other when tables are involved), I streamlined that process from an hour or two every two weeks to about three seconds. Now it automatically pulls my work hours from the last two weeks, using the Toggl API, generates the invoice, increments the invoice number, totals the hours, calculates my hourly rate for each item I worked on and then updates a local database with the relevant information for archival purposes. Now all I have do to is drag the file into Google Drive, and send it off to my boss to get paid.</p>
<p class="title">Languages</p>
<p>The Toggl Invoice Generator is written in <strong>Python</strong>, and utilizes the <strong>Toggl API</strong>, and a custom DocX template of my creation.</p>
</div><!--//item-->
<hr class="divider">
<div class="item">
<h3 class="title"><a href="https://github.com/Bengejd/Deluge_to_Transmission_migration">Deluge to Transmission Migration Assistant</a> <span class="badge badge-theme">Public</span></h3>
<p class="summary">This was a little program I created, because I discovered that the Linux torrenting client (Deluge) was a bit lacking in what I wanted it to do - scheduled throttling being a big one, and as a result wanted to switch to Transmission as my torrent client.</p>
<p>When I went to switch to Transmission, I realized that I had forgot to select a setting in Deluge called "Make a copy of torrents", before adding some odd 200+ torrents. Instead of manually adding all 200+ torrents to the Transmission client, I decided to figure out how to automate that process for myself & others.</p>
<p class="title">Languages</p>
<p>This project was written in <strong>Python</strong>, and leverages the <strong>Selenium Chrome Driver</strong> to automate adding magnet links to their web interface.</p>
</div><!--//item-->
<hr class="divider">
<div class="item">
<h3 class="title">GroupMe Bot <span class="badge badge-theme">Private</span></h3>
<p class="mb-2">This was a fun side project of mine. I had a friend who kept getting kicked from our Fraternity GroupMe for posting terrible memes, and he would subsequently be out of the GroupMe more than he was in it.</p>
<p>Instead of having to manually re-add him all of the time, I decided to create a bot that would sit around, waiting for someone to get removed from the GroupMe. Once the notification is received, the bot quickly cross-checks whether the removed userID belongs to this particular friend - or myself, and re-adds them if so.</p>
<p class="title">Languages</p>
<p>The GroupMe bot is written in <strong>Python</strong> and is hosted on The GroupMe bot is written in <strong>Python</strong> using the <strong>GroupMe API</strong> and is <strong>Heroku</strong> for free. hosted on <strong>Heroku</strong> for free.</p>
</div><!--//item-->
<hr class="divider">
<div class="item">
<h3 class="title">Inspectrum - Fire-safety Admin dashboard <span class="badge badge-theme">Private</span></h3>
<p class="summary">Inspectrum was a unique project that I worked on under the direction of a small team based in Philadelphia, PA. I worked remotely for the team, a small non-technical team based in Philadelphia, PA. I worked remotely as he sole communicating via Skype, only meeting them in person once during our time together. developer for the team, communicating via Skype, only meeting them in person once during our time together.</p>
<p>Inspectrum solved an issue that many of us would never know was an issue at all. When you own a building, be it an apartment complex, warehouse, or corporate office downtown, all fire-safety equipment (sprinklers, fire-extinguishers, etc...) need to have a certified inspection on a particular time table based on the item. Inspectrum gives it's users the ability to track upcoming inspection time-tables, replacement costs, inspection logs, and much more.</p>
<p class="title">Languages</p>
<p>Inspectrum is written in <strong>Angular 4</strong>, <strong>Typescript</strong> and <strong>SCSS</strong>, while leveraging <strong>Firebase Realtime database</strong> as its backend provider.</p>
</div><!--//item-->
</div><!--//content-->
</div><!--//section-inner-->
</section><!--//section-->
<section class="github section">
<div class="section-inner">
<h2 class="heading">Open Source Contributions</h2>
<div class="content">
<div class="item">
<h3 class="title">Branch.io <span class="badge badge-theme">Cross API integration / Documentation</span></h3>
<p class="mb-2">This was probably the first time that I felt like a true developer. I was looking to integrate Firebase's <a href="https://firebase.google.com/docs/dynamic-links/">Dynamic Link</a> service into SocialPnt. After implementing their native SDK, I realized that their coverage of edge cases was significantly lacking. After searching around for a bit, I discovered <a href="https://branch.io/">Branch.io</a> and immediately fell in love with their service. There was only one catch. I had to get an email link from Firebase, which was only accessible via their Dynamic Link service.</p>
<p>After doing some digging I came up with a solution that leveraged Branch.io's edge cases with Firebase's email link, and was given warm remarks from one of the Branch.io developers for my work. He said he would pass my solution onto their documentation team to see if it could be added to the repository, as he felt that other developers would benefit from it.</p>
<p><a class="more-link" href="https://github.com/BranchMetrics/cordova-ionic-phonegap-branch-deep-linking/issues/442#issuecomment-380270201" target="_blank"><i class="fas fa-external-link-alt"></i>Find out more if interested</a></p>
</div><!--//item-->
<hr class="divider">
<div class="item">
<h3 class="title">Ionic <span class="badge badge-theme">Long-standing issue documentation</span></h3>
<p class="mb-2">This was an issue that I originally opened with the Ionic team, but despite receiving quite some notoriety within the community it was unfortunately left unsolved. The issue was with their <strong>Ionic cordova build prod</strong> command running out of memory, even on high-end devices. This was due to one of the optimizations that the command was running. The flag was causing a memory-leak within some of their dependencies and the recursive use of non-project file-paths.</p>
<p>This issue was only prevalent in large-scale projects, and would not be noticed by beginners or simpler applications.</p>
<p>After three months of testing out fixes and hoping that the team would address this issue officially, I came up with a solution that solved the issue at large. Later on ths issue was fixed in their <strong>4.0</strong> release of Ionic, but for <strong>3.x</strong> users like myself, the compiled solution worked in the meantime.</p>
<p><a class="more-link" href="https://github.com/ionic-team/ionic-app-scripts/issues/1426#issuecomment-407485178" target="_blank"><i class="fas fa-external-link-alt"></i>Find out more if interested</a></p>
</div><!--//item-->
<hr class="divider">
<div class="item">
<h3 class="title">Cordova-Plugin-Camera-Preview <span class="badge badge-theme">Solution documentation</span></h3>
<p class="mb-2">This was something that I originally ran into while using the Camera-Preview plugin. The basis of the issue was with implementing a pinch-to-zoom directive, when you couldn't interact with the camera preview directly due to library limitations.</p>
<p>I ended up posting this solution for another user who opened the same issue that I encountered while originally implementing the plugin.</p>
<p><a class="more-link" href="https://github.com/cordova-plugin-camera-preview/cordova-plugin-camera-preview/issues/397#issuecomment-406366801" target="_blank"><i class="fas fa-external-link-alt"></i>Find out more if interested</a></p>
</div><!--//item-->
<hr class="divider">
<div class="item">
<h3 class="title">Ionic3-components <span class="badge badge-theme">UI Theme update</span></h3>
<p class="mb-2">The Ionic3-Components library is a fantastic resource for new Ionic users to find all sorts non-intuitive UI examples.</p>
<p>I worked on some stylistic issues that the library had, as well as refactoring the repository as a whole to make it more streamlined for user-use. My pull request is still open, waiting for the project to come out of inactivity.</p>
<p><a class="more-link" href="https://github.com/yannbf/ionic3-components/pull/92" target="_blank"><i class="fas fa-external-link-alt"></i>Find out more if interested</a></p>
</div><!--//item-->
</div><!--//content-->
</div><!--//secton-inner-->
</section><!--//section-->
</div><!--//primary-->
<div class="secondary col-lg-4 col-12">
<aside class="info aside section">
<div class="section-inner">
<h2 class="heading sr-only">Basic Information</h2>
<div class="content">
<ul class="list-unstyled">
<li><i class="fas fa-map-marker-alt"></i><span class="sr-only">Location:</span>Oxford Ohio, US</li>
<li>
<i class="fas fa-envelope"></i><span class="sr-only">Email:</span><a href="#">[email protected]</a>
</li>
<li>
<i class="fas fa-link"></i><span class="sr-only">Website:</span><a href="#">JordanBenge.com</a>
</li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//aside-->
<aside class="education aside section">
<div class="section-inner">
<h2 class="heading">Education</h2>
<div class="content">
<div class="item">
<h3 class="title"><i class="fas fa-graduation-cap"></i> BS Computer Science</h3>
<h4 class="university">Miami University, Oxford <span class="year">(Fall of 2019)</span></h4>
</div><!--//item-->
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="list music aside section">
<div class="section-inner">
<h2 class="heading">Favorite music</h2>
<div class="content">
<ul class="list-unstyled">
<li>
<i class="fas fa-headphones"></i> <a href="https://open.spotify.com/playlist/1QYBHwyg32qqXNGoT90BdG">Check out my playlist on Spotify! (3855 followers).</a>
</li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="education aside section">
<div class="section-inner">
<h2 class="heading">Leadership</h2>
<div class="content">
<div class="item">
<h3 class="title"><i class="fas fa-graduation-cap"></i> ΦΜΑ Webmaster</h3>
<h4 class="university">Phi Mu Alpha Sinfonia, Alpha Theta chapter <span class="year">(Spring 2015 - Spring 2016)</span></h4>
<h3 class="university">As the Webmaster, I worked to keep our website in compliance with National standards and up to date. Eventually I converted our chapter to use the Nationally provided service called <a href="https://ginsystem.com/">GinSystem</a>, to have all of our resources, documentation and literature in one secure place.</h3>
<p><a class="more-link" href="http://miamioh.sinfonia.org/" target="_blank"><i class="fas fa-external-link-alt"></i>Check us out!</a></p>
</div><!--//item-->
<div class="item">
<h3 class="title"><i class="fas fa-graduation-cap"></i> ΦΜΑ Social Chair</h3>
<h4 class="university">Phi Mu Alpha Sinfonia, Alpha Theta chapter <span class="year">(Fall 2016 - Spring 2018)</span></h4>
<h3 class="university">Contrary to popular belief, the social chair is the second most important position in a fraternity. I ran for Social Chair because at it's core, a Fraternity is a social organization, and I wanted to foster that brotherhood in the best way possible.</h3>
<h3 class="university">The key to any chapter, and my mission as the Social Chair was to make sure that the brotherhood was always looking forward to something. Whether it be serenading people in Armstrong, getting together for paintball, or simply hanging out as a chapter, outside of our weekly business meetings.</h3>
<h3 class="university">A chapter needs something to look forward to just like a person needs a reason to get out of bed in the morning, and I am proud that I was able to be apart of that.</h3>
</div><!--//item-->
<div class="item">
<h3 class="title"><i class="fas fa-graduation-cap"></i> ΦΜΑ Province Council Representative (PRC)</h3>
<h4 class="university">Phi Mu Alpha Sinfonia, Alpha Theta chapter <span class="year">(Fall 2016 - Spring 2018)</span></h4>
<h3 class="university">The Province Council Representative represents the local chapter's views and ideals on a province level.</h3>
<h3 class="university">I worked hand in hand with the CPR on changes that could potentially affect the National Fraternity as a whole.</h3>
</div><!--//item-->
<div class="item">
<h3 class="title"><i class="fas fa-graduation-cap"></i> FSApp Senior Capstone Leader</h3>
<h4 class="university">Miami University <span class="year">(Fall 2017 - Spring 2018)</span></h4>
<h3 class="university">As the leader of my Senior Capstone group:I communicated directly with our client <a href="http://miamioh.edu/cca/academics/departments/theatre/about/faculty-and-staff/ann-elizabeth-armstrong/">Ann Armstrong</a> during our bi-weekly meetings to keep her up to date on our progress.</h3>
<h3 class="university">I fleshed out our project deliverable's in a clear and concise manner that a non-technical person would understand, and coordinated with my project partners to complete the deliverable's on time that we promised our client.</h3>
<h3 class="university">I also met with our project adviser weekly, keeping him informed of our progress, and bringing any concerns with our client that we had, to him.</h3>
</div><!--//item-->
<div class="item">
<h3 class="title"><i class="fas fa-graduation-cap"></i> Drumline Section Leader</h3>
<h4 class="university">Miami University Marching Band (MUMB) <span class="year">(Fall 2017 & Fall 2018)</span></h4>
<h3 class="university">As the Drumline Section Leader, I provide musical leadership for the section. This means that I work with individual members and the group to improve our musical abilities and fix any issues that I notice, so that we improve the ensemble as a whole.</h3>
<h3 class="university">I communicate with and advise the instructional staff and Marching Band Director on topics pertinent to the Drumline.</h3>
<h3 class="university">In addition, I strive to facilitate a safe environment for members to bring both group and personal issues to my attention, and handle them in an unbiased and professional manner.</h3>
<h3 class="university">I also organize section outings to bring the group closer together as a whole. In my opinion, if you enjoy the people around you in an activity that you're doing, you're going to enjoy that activity that much more.</h3>
</div><!--//item-->
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="testimonials aside section">
<div class="section-inner">
<h2 class="heading">Testimonials</h2>
<div class="content">
<div class="item">
<blockquote class="quote">
<p><i class="fas fa-quote-left"></i> Something nice that Co said.</p>
</blockquote>
<p class="source"><span class="name">Co Van Leeuwen</span><br>
<span class="title">Dev Team Leader, WannaTrain Inc.</span></p>
</div><!--//item-->
</div><!--//content-->
<div class="content">
<div class="item">
<blockquote class="quote">
<p><i class="fas fa-quote-left"></i>Jordan willingly accepts challenging assignments and offers to contribute where ever he can. The best thing I noticed in him is his insatiable zeal to learn latest technical skills, technology stacks and tools and offer better solutions.</p>
</blockquote>
<p class="source"><span class="name">Ketaki Mhaisekar</span><br>
<span class="title">Manager, University of Cincinnati - Research IT</span></p>
</div><!--//item-->
<p><a class="more-link" href="https://www.linkedin.com/in/jordandanielbenge/"><i class="fas fa-external-link-alt"></i>More on Linkedin</a></p>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="blog aside section">
<div class="section-inner">
<h2 class="heading">Latest Blog Posts</h2>
<div class="item">
<h3 class="title"><a href="https://medium.com/@JordanBenge/ionic-4-autoplay-videos-on-scroll-6eb00213cdb4" target="_blank">Ionic 4: Autoplay videos on scroll.</a></h3>
<div>
<p>This article was featured in the <strong>June 2019</strong> edition of the <a href="https://www.instagram.com/p/By5sLV3BtSM/" target="_blank"><strong>Ionic Community Digest</strong></a> as one of the top articles within the Ionic Community. It was made to help bridge the gap in functionality between Native mobile apps and Ionic based ones. Bringing Instagram like autoplay videos to the Ionic 4 community.</p><a class="more-link" href="https://medium.com/@JordanBenge/ionic-4-autoplay-videos-on-scroll-6eb00213cdb4" target="_blank"><i class="fas fa-external-link-alt"></i> Read more</a>
</div>
</div><!--Item-->
<div class="item">
<h3 class="title"><a href="https://medium.com/@JordanBenge/ionic-4-angular-ivy-the-future-is-now-old-man-dd9aca8bb905" target="_blank">Ionic 4 & Angular Ivy — The Future Is Now, Old Man!</a></h3>
<div>
<p>The first article of it's kind to address how we can start benefiting from Angular 8 in an Ionic 4 application. It touches the good, the bad, and the ugly. Also included, is a peak into the results of builds differences throughout the process, and how Angular Ivy will change everything.</p><a class="more-link" href="https://medium.com/@JordanBenge/ionic-4-angular-ivy-the-future-is-now-old-man-dd9aca8bb905" target="_blank"><i class="fas fa-external-link-alt"></i> Read more</a>
</div>
</div><!--Item-->
<div class="item">
<h3 class="title"><a href="https://medium.com/@JordanBenge/ionic-4-hiding-showing-tabs-on-certain-pages-31cf2380a5db" target="_blank">Ionic 4 — Hiding & Showing Tabs on certain pages</a></h3>
<div>
<p>With all of the changes in Ionic 4 - a big question people have is how we can hide the tab bar on certain pages - with this article, you'll find out how to do exactly that.</p><a class="more-link" href="https://medium.com/@JordanBenge/ionic-4-hiding-showing-tabs-on-certain-pages-31cf2380a5db" target="_blank"><i class="fas fa-external-link-alt"></i> Read more</a>
</div>
</div><!--Item-->
<div class="item">
<h3 class="title"><a href="https://medium.com/@JordanBenge/how-to-write-an-ionic-cordova-plugin-in-swift-8d443430b27d" target="_blank">How to write an Ionic-Cordova plugin in Swift</a></h3>
<div>
<p>So you’ve found out that the plugin that you’ve been using isn’t all it’s chopped up to be? Or better yet, you found an amazing Swift library, that does everything you want it to do, and more. Well, that was exactly the point that I had reached while surfing the plugin list that Ionic showcases.</p><a class="more-link" href="https://medium.com/@JordanBenge/how-to-write-an-ionic-cordova-plugin-in-swift-8d443430b27d" target="_blank"><i class="fas fa-external-link-alt"></i> Read more</a>
</div>
</div><!--Item-->
<div class="item">
<h3 class="title"><a href="https://medium.com/@JordanBenge/connecting-firebase-dynamic-link-authentication-with-the-edge-cases-of-branch-io-b31c2fc1d63e" target="_blank">Connecting Firebase Dynamic link authentication with the edge-cases of Branch.io</a></h3>
<div>
<p>I recently was excited to see Firebase had released a “Email link (passwordless sign-in)” to their sign-in methods. Given the recent Facebook blowback, I wanted to move our platform away from using their login platform, which was convenient, but ultimately brought up some security risks we felt.</p><a class="more-link" href="https://medium.com/@JordanBenge/connecting-firebase-dynamic-link-authentication-with-the-edge-cases-of-branch-io-b31c2fc1d63e" target="_blank"><i class="fas fa-external-link-alt"></i> Read more</a>
</div>
</div><!--Item-->
<div class="item">
<h3 class="title"><a href="https://medium.com/@JordanBenge/ionic-converting-video-to-base64-a95158de3b2a" target="_blank">Ionic 3: Converting video to base64</a></h3>
<div>
<p>A short 2 min read about how to convert a video you've captured into a base64 string!</p><a class="more-link" href="https://medium.com/@JordanBenge/ionic-converting-video-to-base64-a95158de3b2a" target="_blank"><i class="fas fa-external-link-alt"></i> Read more</a>
</div>
</div><!--Item-->
</div><!--//section-inner-->
</aside><!--//section-->
</div><!--//secondary-->
</div><!--//row-->
</div><!--//masonry-->
<!-- ******FOOTER****** -->
<footer class="footer">
<div class="container text-center">
<!--/* This template is released under the Creative Commons Attribution 3.0 License. Please keep the attribution link below when using for your own project. Thank you for your support. :) If you'd like to use the template without the attribution, you can check out our commercial license options via our website: themes.3rdwavemedia.com */-->
<small class="copyright">Designed with <i class="fas fa-heart"></i></small>
</div><!--//container-->
</footer><!--//footer-->
<!-- Javascript -->
<script src="assets/plugins/jquery-3.3.1.min.js" type="text/javascript">
</script>
<script src="assets/plugins/popper.min.js" type="text/javascript">
</script>
<script src="assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript">
</script>
<script src="assets/plugins/jquery-rss/dist/jquery.rss.min.js" type="text/javascript">
</script> <!-- github calendar plugin -->
<!--<script type="text/javascript" src="assets/plugins/github-calendar/dist/github-calendar.min.js"></script>-->
<!-- github activity plugin -->
<script src="//cdnjs.cloudflare.com/ajax/libs/mustache.js/0.7.2/mustache.min.js" type="text/javascript">
</script> <!--<script type="text/javascript" src="assets/plugins/github-activity/github-activity-0.1.5.min.js"></script>-->
<!-- custom js -->
<script src="assets/js/main.js" type="text/javascript">
</script>
</body>
</html>