<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,600,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="dep/normalize.css/normalize.css" /> <link rel="stylesheet" type="text/css" href="dep/Font-Awesome/css/all.css" /> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body lang="en"> <svg width="0" height="0" viewBox="0 0 24 24"> <defs> <g id="svg-ts-logo" transform="translate(0.000000,630.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 3150 l0 -3150 3150 0 3150 0 0 3150 0 3150 -3150 0 -3150 0 0 -3150z m5077 251 c160 -40 282 -111 394 -227 58 -62 144 -175 151 -202 2 -8 -272 -192 -438 -295 -6 -4 -30 22 -57 62 -81 118 -166 169 -296 178 -191 13 -314 -87 -313 -254 0 -49 7 -78 27 -118 42 -87 120 -139 365 -245 451 -194 644 -322 764 -504 134 -203 164 -527 73 -768 -100 -262 -348 -440 -697 -499 -108 -19 -364 -16 -480 5 -253 45 -493 170 -641 334 -58 64 -171 231 -164 243 3 4 29 20 58 37 28 16 134 77 234 135 l181 105 38 -56 c53 -81 169 -192 239 -229 201 -106 477 -91 613 31 58 53 82 108 82 189 0 73 -9 105 -47 160 -49 70 -149 129 -433 252 -325 140 -465 227 -593 365 -74 80 -144 208 -173 315 -24 89 -30 312 -11 402 67 314 304 533 646 598 111 21 369 13 478 -14z m-1479 -263 l2 -258 -410 0 -410 0 0 -1165 0 -1165 -290 0 -290 0 0 1165 0 1165 -410 0 -410 0 0 253 c0 140 3 257 7 260 3 4 502 6 1107 5 l1101 -3 3 -257z" /> </g> </defs> </svg> <section id="main"> <header id="title"> <h1>John Shaver</h1> <span class="subtitle">Fullstack Engineer and Devops Enthusiast</span> </header> <section class="main-block"> <h2> <i class="fa fa-suitcase"></i> Experiences </h2> <section class="blocks"> <div class="date"> <span>present</span><span>2017</span> </div> <div class="decorator"> </div> <div class="details"> <header> <h3>Technical Co-founder</h3> <span class="place"><a href="https:/ppl.family/">ppl :)</a></span> <span class="location fa">Remote (Provo, UT)</span> </header> <div> <ul> <li>Building a home server to replace the ever expanding list of "cloud" services relied upon by today's family.</li> <li>Developing authentication protocols and network stack to support secure collection, access and sharing.</li> </ul> </div> </div> </section> <section class="blocks"> <div class="date"> <span>present</span><span>2014</span> </div> <div class="decorator"> </div> <div class="details"> <header> <h3>Owner/Fullstack Engineer</h3> <span class="place">J&E Solutions</span> <span class="location fa">Hayden, ID</span> </header> <div> <ul> <li>Design, implement and ship web based software to fit customer needs.</li> <li>This included: rest APIs, modern SPA interfaces, automating deployments and developer environments, OAuth2/OIDC authentication, implementing secure RPC calls over UDP, and much more.</li> </ul> </div> </div> </section> <section class="blocks"> <div class="date"> <span>2014</span><span>2013</span> </div> <div class="decorator"> </div> <div class="details"> <header> <h3>Software Engineer</h3> <span class="place">mCubed Labs</span> <span class="location fa">Lehi, UT</span> </header> <div> <ul> <li>Worked onsite with mCubed's largest client to increase the efficiency of their technicians.</li> <li>Built an iOS webView app to provide camera access, geolocation and push notifactions.</li> <li>Client payed mCubed a fee to work directly with me and I started my own company.</li> </ul> </div> </div> </section> <section class="blocks"> <div class="date"> <span>2013</span><span>2012</span> </div> <div class="decorator"> </div> <div class="details"> <header> <h3>Senior Technical Support Engineer</h3> <span class="place"><a href="https://www.symantec.com/">Symantec</a></span> <span class="location fas">Lindon, UT</span> </header> <div> <ul> <li>Support enterprise customers with installing and maintaining Symantec Notifications Server and for managing network endpoints.</li> <li>Worked heavily with IIS, MSSQL, HTTP, DNS, Windows Server, etc. to troubleshoot technical issues across customer networks</li> </ul> </div> </div> </section> </section> <section class="main-block"> <h2> <i class="fa fa-folder-open"></i> Selected Projects </h2> <section class="blocks"> <div class="date"> <span>2018</span> </div> <div class="decorator"> </div> <div class="details"> <header> <h3>Telebit</h3> <span class="place"><a href="https://telebit.cloud">https://telebit.cloud</a></span> </header> <div> <ul> <li>Implemented design specification in HTML/CSS and Javascript.</li> <li>Developed the email confirmation process from working prototype to production.</li> <li>Working to develop a cross platform electron implementation of the Telebit client interface.</li> </ul> </div> </div> </section> <section class="blocks"> <div class="date"> <span>2017</span> </div> <div class="decorator"> </div> <div class="details"> <header> <h3>Historical Records Database</h3> <span class="place">Not yet public.</span> </header> <div> <ul> <li>Converted the historical records database from MS Access to MySQL.</li> <li>Built an interface for searching the records in the database and finding information.</li> <li>User authentication to allow specified users to add/edit records to/in the database.</li> <li>User interface for adding/editing/deleting records by authenticated users.</li> <li>Administration interface for administrators to add/create users.</li> </ul> </div> </div> </section> <section class="blocks"> <div class="date"> <span>2015</span> </div> <div class="decorator"> </div> <div class="details"> <header> <h3>Newvistas Website Platform</h3> <span class="place"><a href="http://www.newvistas.com">newvistas.com</a></span> </header> <div> <ul> <li>Client wanted to allow business owners within the collective to edit their specific sections of their website.</li> <li>Sections were public-facing and needed to be indexable by search engines.</li> <li>Built a CMS on Server-Rendered React/Redux and express.js.</li> <li>Deployed to AWS Elastic Beanstalk.</li> <li>Authentication with Azure Active Directory and OAuth OIDC.</li> </ul> </div> </div> </section> </section> </section> <aside id="sidebar"> <div class="side-block" id="contact"> <h1> Contact Info </h1> <ul> <li><i class="fas fa-globe fa-fw"></i> <a href="https://jshaver.net">https://jshaver.net</a></li> <li><i class="fab fa-linkedin fa-fw"></i> <a href="https://www.linkedin.com/in/thejshaver">thejshaver</a></li> <li><i class="fas fa-envelope fa-fw"></i> <a href="mailto:john@jshaver.net">john@jshaver.net</a></li> <li><i class="fas fa-phone fa-fw"></i> <a href="tel:18018503052">801.850.3052</a></li> </ul> </div> <div class="side-block skills"> <h1> Skills </h1> <ul> <li></li> <li>Troubleshooting</li> <li>Self Motivation</li> <li>Functional Programming</li> <li>Effective Communication</li> </ul> <ul> <li><i class="fab fa-js fa-fw"></i> Javascript</li> <li> <i class="fab fa-fw"> <svg class="ts-logo" viewBox="0 0 630 630"> <use xlink:href="#svg-ts-logo"></use> </svg></i> Typescript </li> <li><i class="fab fa-react fa-fw"></i> React</li> <li><i class="fas fa-rocket fa-fw"></i> express.js</li> <li><i class="fas fa-database fa-fw"></i> Relational Databases</li> <li><i class="fab fa-linux fa-fw"></i> Linux</li> <li><i class="fas fa-code-branch fa-fw"></i> git</li> <li><i class="fab fa-aws fa-fw"></i> AWS</li> <li><i class="fab fa-docker fa-fw"></i> Docker</li> <!-- <li><i class="fas fa-user-ninja fa-fw"></i> nunchuck</li> --> </ul> </div> <div class="side-block recommendations"> <h1> Recommendations </h1> <div class="recommendation"> "John Shaver has produced consistently excellent work over the years..." <div class="attribution"><a href="https://www.linkedin.com/in/joel-pomije-7123822/">Joel Pomije<br>Lead Developer</a></div> </div> <div class="recommendation"> "He is very knowledgable in the fields of JavaScript, as well as networking, servers and the internet in general." <div class="attribution"><a href="https://www.linkedin.com/in/drew-warren-853551122/">Drew Warren<br>Scrum Master/Developer</a></div> </div> <div class="recommendation"> "He has a very broad knowledge base that he brings to any project..." <div class="attribution"><a href="https://www.linkedin.com/in/james-hager-ab361112a/">James Hagar<br>Project Manager</a></div> </div> <div class="recommendation"> "John is an extremely capable and high value asset to a team. ..." <div class="attribution"><a href="https://coolaj86.com/">AJ ONeal<br>Code Whisperer Lv. 99</a></div> </div> </div> <div class="source-link no-print"> source code: <a href="https://git.jshaver.net/jshaver/html-resume">https://git.jshaver.net/jshaver/html-resume</a> </div> </aside> </body> </html>