447 lines
13 KiB
HTML
447 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" />
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,400;0,600;1,200;1,400;1,600&display=swap"
|
|
rel="stylesheet"
|
|
/>
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;600;700&display=swap');
|
|
</style>
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap');
|
|
</style>
|
|
<script src="https://use.fontawesome.com/e427b1b41a.js"></script>
|
|
<!-- <link rel="stylesheet" type="text/css" href="style.css" /> -->
|
|
<link rel="stylesheet" href="style.css" />
|
|
<title>Tyler Koenig</title>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<nav>
|
|
<a href="index.html">TYLER KOENIG</a>
|
|
<ul>
|
|
<li><a href="#about" target="_self">ABOUT</a></li>
|
|
<li id="nav__contact">
|
|
<a href="#contact" target="_self">CONTACT</a>
|
|
</li>
|
|
<li>
|
|
<a href="#projects" target="_self">PROJECTS</a>
|
|
</li>
|
|
<li><a href="#skills" target="_self">SKILLS</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
<main>
|
|
<div class="side__nav">
|
|
<a
|
|
href="https://www.linkedin.com/in/tyler-koenig-72607a18b/"
|
|
target="_blank"
|
|
title="LinkedIn"
|
|
><i
|
|
class="fa fa-linkedin-square fa-2x"
|
|
aria-hidden="true"
|
|
></i
|
|
></a>
|
|
<a
|
|
href="https://github.com/lerko96"
|
|
target="_blank"
|
|
title="github"
|
|
><i class="fa fa-github fa-2x" aria-hidden="true"></i
|
|
></a>
|
|
<a
|
|
href="mailto:tylerkng96@icloud.com"
|
|
target="_blank"
|
|
title="email"
|
|
><i class="fa fa-envelope-o fa-2x" aria-hidden="true"></i
|
|
></a>
|
|
</div>
|
|
<div id="wrapper">
|
|
<section id="intro">
|
|
<div class="top__wrap">
|
|
<article class="card" id="profile">
|
|
<div class="card_top">
|
|
<div class="avatar-holder">
|
|
<img
|
|
id="headshot"
|
|
src="/images/headshot-tyler_koenig.png"
|
|
alt="tyler"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="name">
|
|
<a href="index.html">Tyler Koenig</a>
|
|
</div>
|
|
<div class="intro_bio">
|
|
<p>
|
|
Passionate Software Developer
|
|
<br />
|
|
Recent Graduate of We Can Code IT
|
|
</p>
|
|
</div>
|
|
<div class="contact-links" id="contact">
|
|
<a
|
|
href="https://www.linkedin.com/in/tyler-koenig-72607a18b/"
|
|
target="_blank"
|
|
title="LinkedIn"
|
|
><i
|
|
class="fa fa-linkedin-square fa-2x"
|
|
aria-hidden="true"
|
|
></i
|
|
></a>
|
|
<a
|
|
href="https://github.com/lerko96"
|
|
target="_blank"
|
|
title="github"
|
|
><i
|
|
class="fa fa-github fa-2x"
|
|
aria-hidden="true"
|
|
></i
|
|
></a>
|
|
<a
|
|
href="mailto:tylerkng96@icloud.com"
|
|
target="_blank"
|
|
title="email"
|
|
><i
|
|
class="fa fa-envelope-o fa-2x"
|
|
aria-hidden="true"
|
|
></i
|
|
></a>
|
|
</div>
|
|
</article>
|
|
<article class="card" id="about">
|
|
<h2>about</h2>
|
|
<p>
|
|
I'm Tyler Koenig, a lifelong student. Graduated
|
|
with an Associate of Arts from Lorain County
|
|
Community College in 2018. Inbound associate at
|
|
Amazon CLE-3 since December 2019. Currently
|
|
learning Java and front-end web development
|
|
through We Can Code IT Bootcamp. Always
|
|
interested in a challenge!
|
|
</p>
|
|
</article>
|
|
</div>
|
|
<article class="card" id="skills">
|
|
<h2>skills</h2>
|
|
<ul>
|
|
<li>Java</li>
|
|
<li>Spring</li>
|
|
<li>Thymeleaf</li>
|
|
<li>JavaScript</li>
|
|
<li>MVC</li>
|
|
<li>HTML</li>
|
|
<li>CSS</li>
|
|
<li>Test Driven Development</li>
|
|
<li>Agile (Scrum)</li>
|
|
<li>Object Oriented Programming</li>
|
|
<li>JSON</li>
|
|
<li>React</li>
|
|
<li>REST APIs</li>
|
|
<li>Responsive Design</li>
|
|
<li>Relational Databases</li>
|
|
<li>Source Control/ Github</li>
|
|
</ul>
|
|
</article>
|
|
</section>
|
|
<section class="card" id="projects">
|
|
<h2>projects</h2>
|
|
<article class="project">
|
|
<a
|
|
class="project__img_link"
|
|
href="https://github.com/lerko96/were-hooked-repo"
|
|
target="_blank"
|
|
>
|
|
<img
|
|
class="project__img"
|
|
src="/images/were-hooked.png"
|
|
alt="were-hooked-img"
|
|
/></a>
|
|
<div class="project__text">
|
|
<h3 class="project__title">
|
|
<a
|
|
href="https://github.com/lerko96/were-hooked-repo"
|
|
target="_blank"
|
|
>We're Hooked</a
|
|
>
|
|
</h3>
|
|
<div class="project__subtitle_small">
|
|
<time datetime="2021-08-20 12:00:00">
|
|
<i class="fa fa-calendar mr-2"></i>Fri,
|
|
August 20th 2021
|
|
</time>
|
|
</div>
|
|
<div class="project__bar"></div>
|
|
<div class="project__info">
|
|
<p>
|
|
Designed, built and tested an MVC
|
|
application that allows users to discover
|
|
fishing locations in Ohio, as well as teach
|
|
beginners how to get started fishing and the
|
|
current regulations that are needed to
|
|
follow. This project was built between a
|
|
team of five in a completely remote
|
|
environment with the help of Github, Zoom
|
|
and Slack.
|
|
</p>
|
|
</div>
|
|
<ul class="project__tagbox">
|
|
<li class="tag__item">JavaScript</li>
|
|
<li class="tag__item">RESTful APIs</li>
|
|
<li class="tag__item">Java</li>
|
|
<li class="tag__item">OOP</li>
|
|
<li class="tag__item">Thymeleaf</li>
|
|
<li class="tag__item">HTML</li>
|
|
<li class="tag__item">CSS</li>
|
|
<li class="tag__item">Responsive Design</li>
|
|
<li class="tag__item">TDD</li>
|
|
<li class="tag__item">VS Code</li>
|
|
<li class="tag__item">Github</li>
|
|
<li class="tag__item">Agile</li>
|
|
<li class="tag__item">Scrum</li>
|
|
<li class="tag__item">Zoom</li>
|
|
<li class="tag__item">Slack</li>
|
|
</ul>
|
|
</div>
|
|
</article>
|
|
<article class="project">
|
|
<a
|
|
class="project__img_link"
|
|
href="https://github.com/lerko96/mystery-educator"
|
|
target="_blank"
|
|
>
|
|
<img
|
|
class="project__img"
|
|
src="/images/mystery-educator.png"
|
|
alt=""
|
|
/></a>
|
|
<div class="project__text">
|
|
<h3 class="project__title">
|
|
<a
|
|
href="https://github.com/lerko96/mystery-educator"
|
|
target="_blank"
|
|
>Mystery Educator</a
|
|
>
|
|
</h3>
|
|
<div class="project__subtitle_small">
|
|
<time datetime="2021-07-23 12:00:00">
|
|
<i class="fas fa-calendar-alt mr-2"></i>Fri,
|
|
July 23rd 2021
|
|
</time>
|
|
</div>
|
|
<div class="project__bar"></div>
|
|
<div class="project__info">
|
|
<p>
|
|
Designed, built and tested a single page
|
|
application that renders unique data from
|
|
the MET Museum and NASA APIs each time you
|
|
visit. We also built a local backend
|
|
database to store historical information.
|
|
This project was built between a team of
|
|
four in a completely remote environemnt with
|
|
the help of Github, Zoom, and Slack.
|
|
</p>
|
|
</div>
|
|
<ul class="project__tagbox">
|
|
<li class="tag__item">JavaScript</li>
|
|
<li class="tag__item">Node.js</li>
|
|
<li class="tag__item">RESTful APIs</li>
|
|
<li class="tag__item">Java</li>
|
|
<li class="tag__item">HTML</li>
|
|
<li class="tag__item">CSS</li>
|
|
<li class="tag__item">Responsive Design</li>
|
|
<li class="tag__item">TDD</li>
|
|
<li class="tag__item">VS Code</li>
|
|
<li class="tag__item">Github</li>
|
|
<li class="tag__item">Agile</li>
|
|
<li class="tag__item">Scrum</li>
|
|
<li class="tag__item">Zoom</li>
|
|
<li class="tag__item">Slack</li>
|
|
</ul>
|
|
</div>
|
|
</article>
|
|
<article class="project">
|
|
<a
|
|
class="project__img_link"
|
|
href="https://github.com/lerko96/donut-clicker-lerko96"
|
|
target="_blank"
|
|
>
|
|
<img
|
|
class="project__img"
|
|
src="/images/donut-clicker.png"
|
|
alt="donut-clicker-img"
|
|
/></a>
|
|
<div class="project__text">
|
|
<h3 class="project__title">
|
|
<a
|
|
href="https://github.com/lerko96/donut-clicker-lerko96"
|
|
target="_blank"
|
|
>Donut Clicker</a
|
|
>
|
|
</h3>
|
|
<div class="project__subtitle_small">
|
|
<time datetime="2021-07-09 12:00:00">
|
|
<i class="fas fa-calendar-alt mr-2"></i>Fri,
|
|
July 9th 2021
|
|
</time>
|
|
</div>
|
|
<div class="project__bar"></div>
|
|
<div class="project__info">
|
|
<p>
|
|
Designed, built and tested a single page
|
|
application that lets users make virtual
|
|
donuts via clicking. Once enough donuts are
|
|
made you have the ability to purchase
|
|
upgrades such as auto-clickers and
|
|
clicking-multipliers.
|
|
</p>
|
|
</div>
|
|
<ul class="project__tagbox">
|
|
<li class="tag__item">JavaScript</li>
|
|
<li class="tag__item">Node.js</li>
|
|
<li class="tag__item">HTML</li>
|
|
<li class="tag__item">CSS</li>
|
|
<li class="tag__item">Responsive Design</li>
|
|
<li class="tag__item">TDD</li>
|
|
<li class="tag__item">VS Code</li>
|
|
<li class="tag__item">Github</li>
|
|
</ul>
|
|
</div>
|
|
</article>
|
|
<article class="project">
|
|
<a
|
|
class="project__img_link"
|
|
href="https://github.com/lerko96/trek"
|
|
target="_blank"
|
|
>
|
|
<img
|
|
class="project__img"
|
|
src="/images/trek.png"
|
|
alt="trekking-img"
|
|
/></a>
|
|
<div class="project__text">
|
|
<h3 class="project__title">
|
|
<a
|
|
href="https://github.com/lerko96/trek"
|
|
target="_blank"
|
|
>Trekking Site</a
|
|
>
|
|
</h3>
|
|
<div class="project__subtitle_small">
|
|
<time datetime="2021-06-18 12:00:00">
|
|
<i class="fas fa-calendar-alt mr-2"></i>Fri,
|
|
June 18th 2021
|
|
</time>
|
|
</div>
|
|
<div class="project__bar"></div>
|
|
<div class="project__info">
|
|
<p>
|
|
Designed, built and tested an MVC
|
|
application that lets users discover treks
|
|
located by continent, region and type. This
|
|
project was built between a team of four in
|
|
a completely remote environemnt with the
|
|
help of Github, Zoom and Slack.
|
|
</p>
|
|
</div>
|
|
<ul class="project__tagbox">
|
|
<li class="tag__item">Java</li>
|
|
<li class="tag__item">SpringJPA</li>
|
|
<li class="tag__item">OOP</li>
|
|
<li class="tag__item">HTML</li>
|
|
<li class="tag__item">CSS</li>
|
|
<li class="tag__item">Responsive Design</li>
|
|
<li class="tag__item">TDD</li>
|
|
<li class="tag__item">IntelliJ</li>
|
|
<li class="tag__item">Github</li>
|
|
<li class="tag__item">Agile</li>
|
|
<li class="tag__item">Scrum</li>
|
|
<li class="tag__item">Zoom</li>
|
|
<li class="tag__item">Slack</li>
|
|
</ul>
|
|
</div>
|
|
</article>
|
|
<article class="project">
|
|
<a
|
|
class="project__img_link"
|
|
href="https://github.com/lerko96/reviews-mvc"
|
|
target="_blank"
|
|
>
|
|
<img
|
|
class="project__img"
|
|
src="/images/review-site.png"
|
|
alt="review-site-img"
|
|
/></a>
|
|
<div class="project__text">
|
|
<h3 class="project__title">
|
|
<a
|
|
href="https://github.com/lerko96/reviews-mvc"
|
|
target="_blank"
|
|
>Movie Reviews</a
|
|
>
|
|
</h3>
|
|
<div class="project__subtitle_small">
|
|
<time datetime="2021-06-04 12:00:00">
|
|
<i class="fas fa-calendar-alt mr-2"></i>Fri,
|
|
June 4th 2021
|
|
</time>
|
|
</div>
|
|
<div class="project__bar"></div>
|
|
<div class="project__info">
|
|
<p>
|
|
Designed, built and tested a Java
|
|
application for movie reviews.
|
|
</p>
|
|
</div>
|
|
<ul class="project__tagbox">
|
|
<li class="tag__item">Java</li>
|
|
<li class="tag__item">SpringJPA</li>
|
|
<li class="tag__item">OOP</li>
|
|
<li class="tag__item">Thymeleaf</li>
|
|
<li class="tag__item">HTML</li>
|
|
<li class="tag__item">CSS</li>
|
|
<li class="tag__item">Responsive Design</li>
|
|
<li class="tag__item">TDD</li>
|
|
<li class="tag__item">IntelliJ</li>
|
|
<li class="tag__item">Github</li>
|
|
</ul>
|
|
</div>
|
|
</article>
|
|
</section>
|
|
</div>
|
|
</main>
|
|
<footer>
|
|
<span id="copyright">© 2021 Tyler Koenig</span>
|
|
<div id="footLinks">
|
|
<a
|
|
href="https://github.com/lerko96"
|
|
target="_blank"
|
|
title="github"
|
|
><i class="fa fa-github fa-2x" aria-hidden="true"></i
|
|
></a>
|
|
<a
|
|
href="https://www.linkedin.com/in/tyler-koenig-72607a18b/"
|
|
target="_blank"
|
|
title="LinkedIn"
|
|
><i
|
|
class="fa fa-linkedin-square fa-2x"
|
|
aria-hidden="true"
|
|
></i
|
|
></a>
|
|
<a
|
|
href="mailto:tylerkng96@icloud.com"
|
|
target="_blank"
|
|
title="email"
|
|
><i class="fa fa-envelope-o fa-2x" aria-hidden="true"></i
|
|
></a>
|
|
</div>
|
|
</footer>
|
|
<script src="app/js/script.js"></script>
|
|
</body>
|
|
</html>
|