<!DOCTYPE HTML>
<html>
<head>
<title>Isaac Miller</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel='icon' href='./images/IMfavicon.png' type='image/png'>
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://isaacmillercodes.tech/images/portfoliohome.png">
<meta name="twitter:site" content="@imillercodes">
<meta name="twitter:title" content="Isaac Miller - Software and Web Developer">
<meta name="twitter:description" content="The portfolio site of Isaac Miller.">
<!-- Facebook Card -->
<meta property="fb:app_id" content="340896576272602" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://isaacmillercodes.tech" />
<meta property="og:title" content="Isaac Miller - JavaScript Developer" />
<meta property="og:description"
content="The portfolio site of Isaac Miller." />
<meta property="og:image" content="https://isaacmillercodes.tech/images/portfoliohome.png" />
<meta property="og:site_name" content="Isaac Miller - Software and Web Developer" />
</head>
<body>
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1><a href="index.html" class="icon fa-code">Isaac Miller</a></h1>
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li>
<a href="#" class="icon fa-angle-down">Projects</a>
<ul>
<li><a href="https://github.com/isaacmillercodes/petstagram-graphql-backend">GraphQL/Express Tutorial</a></li>
<li><a href="https://github.com/isaacmillercodes/dashing-dots-game">Dashing Dots</a></li>
<li><a href="https://github.com/isaacmillercodes/overwatch-team-grader">Overwatch Team Grader</a></li>
</ul>
</li>
<li><a href="assets/IsaacMillerWebsiteResume.pdf">Resume</a></li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2>Isaac Miller</h2>
<p>Software and Web Developer</p>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper style2">
<div class="container">
<div class="row">
<div class="6u 12u$(narrow)">
<section class="feature">
<i class="icon fa-keyboard-o"></i>
<h3>Languages</h3>
<p>JavaScript, C#, HTML, CSS, Go, Java</p>
</section>
</div>
<div class="6u$ 12u$(narrow)">
<section class="feature">
<i class="icon fa-tasks"></i>
<h3>Methodologies</h3>
<p>Agile, Scrum, TDD, RESTful API Design</p>
</section>
</div>
<div class="6u 12u$(narrow)">
<section class="feature">
<i class="icon fa-gears"></i>
<h3>Tools</h3>
<p>.NET, AngularJS, React, GraphQL, Node.js, Express, PostgreSQL, MSSQL, jQuery, Sass, Mocha/Chai, Git/Github, CSS frameworks including Bootstrap, Materialize, and Skeleton.</p>
</section>
</div>
<div class="6u$ 12u$(narrow)">
<section class="feature">
<i class="icon fa-microphone"></i>
<h3>Other Skills</h3>
<p>Audio editing, podcast recording and distribution, event planning and production, copywriting.</p>
</section>
</div>
</div>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper style3">
<div class="container">
<header>
<h2 class="project-header">Projects</h2>
</header>
<div class="row">
<div class="4u 12u(narrow)">
<section class="image-feature">
<header>
<h3>GraphQL/Express Tutorial</h3>
</header>
<span class="image fit"><img src="images/GraphQLTalk.png" alt="" /></span>
<footer>
<p>A companion tutorial for my talk "GraphQL: The People's Query Language."</p>
<a href="https://github.com/isaacmillercodes/petstagram-graphql-backend" class="icon fa-github"><span class="label"></span></a><span></span>
<a href="https://youtu.be/1sSizCGqcwY">Talk Video</a>
</footer>
</section>
</div>
<div class="4u 12u(narrow)">
<section class="image-feature">
<header>
<h3>Dashing Dots</h3>
</header>
<span class="image fit"><img src="images/dashingdots.png" alt="" /></span>
<footer>
<p>A 2D puzzle/logic game built with C#, Unity, and WebGL. This was my capstone for Galvanize's g30 cohort.</p>
<a href="https://github.com/isaacmillercodes/dashing-dots-game" class="icon fa-github"><span class="label"></span></a>
<a href="https://isaacmillercodes.tech/dashing-dots/">Deployed Site</a>
</footer>
</section>
</div>
<div class="4u 12u(narrow)">
<section class="image-feature">
<header>
<h3>Overwatch Team Grader</h3>
</header>
<span class="image fit"><img src="images/owgrader.png" alt="" /></span>
<footer>
<p>An Overwatch team composition grader built with AngularJS on the front end and a custom Go API on the back end.</p>
<a href="https://github.com/isaacmillercodes/overwatch-team-grader" class="icon fa-github"><span class="label"></span></a>
<a href="https://isaacmillercodes.tech/overwatch-team-grader/">Deployed Site</a>
</footer>
</section>
</div>
</div>
</section>
<!-- Four -->
<section id="four" class="wrapper style4 special">
<div class="container 75%">
<header class="major">
<h2>Contact Me</h2>
</header>
<form method="post" action="https://formspree.io/isaacmillercodes@gmail.com">
<div class="row uniform 50%">
<div class="6u 12u(mobilep)"><input type="text" name="name" id="name" placeholder="Name" /></div>
<div class="6u 12u(mobilep)"><input type="email" name="email" id="email" placeholder="Email" /></div>
</div>
<div class="row uniform 50%">
<div class="12u"><textarea name="message" id="message" placeholder="Message" rows="8"></textarea></div>
</div>
<div class="row uniform">
<div class="12u">
<ul class="actions">
<li><input type="submit" value="Send Email" /></li>
</ul>
</div>
</div>
</form>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="https://github.com/isaacmillercodes" class="icon fa-github"><span class="label">Github</span></a></li>
<li><a href="https://www.linkedin.com/in/isaacmillercodes" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="https://twitter.com/imillercodes" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="mailto:isaacmillercodes@gmail.com?Subject=Hey Isaac, I came across your website" class="icon fa-envelope"><span class="label">Email</span></a></li>
</ul>
<div class="copyright">
© Isaac Miller. All rights reserved.<br> Banner photo courtesy of <a href="https://www.instagram.com/esquire1879/" class="icon fa-instagram"> Jon Rainey</a>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>