|
@ -98,7 +98,7 @@ |
|
|
<i class="fa fa-search-plus fa-3x"></i> |
|
|
<i class="fa fa-search-plus fa-3x"></i> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<img class="img-fluid" src="img/portfolio/pioneer.png" alt=""> |
|
|
|
|
|
|
|
|
<img class="img-fluid" src="img/portfolio/pioneer.png" alt="pioneer employee website"> |
|
|
</a> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
@ -146,7 +146,7 @@ |
|
|
<i class="fa fa-search-plus fa-3x"></i> |
|
|
<i class="fa fa-search-plus fa-3x"></i> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<img class="img-fluid" src="img/portfolio/quotes.png" alt=""> |
|
|
|
|
|
|
|
|
<img class="img-fluid" src="img/portfolio/quotes.png" alt="panda quotes screenshot"> |
|
|
</a> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
@ -158,7 +158,7 @@ |
|
|
<i class="fa fa-search-plus fa-3x"></i> |
|
|
<i class="fa fa-search-plus fa-3x"></i> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<img class="img-fluid" src="img/portfolio/tanks.png" alt=""> |
|
|
|
|
|
|
|
|
<img class="img-fluid" src="img/portfolio/tanks.png" alt="Tanks game screenshot"> |
|
|
</a> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
@ -170,7 +170,7 @@ |
|
|
<i class="fa fa-search-plus fa-3x"></i> |
|
|
<i class="fa fa-search-plus fa-3x"></i> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<img class="img-fluid" src="img/portfolio/trend.jpg" alt=""> |
|
|
|
|
|
|
|
|
<img class="img-fluid" src="img/portfolio/trend.jpg" alt="Brick hack project"> |
|
|
</a> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
@ -182,7 +182,7 @@ |
|
|
<i class="fa fa-search-plus fa-3x"></i> |
|
|
<i class="fa fa-search-plus fa-3x"></i> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<img class="img-fluid" src="img/portfolio/tiger-os.png" alt=""> |
|
|
|
|
|
|
|
|
<img class="img-fluid" src="img/portfolio/tiger-os.png" alt="TigerOS website"> |
|
|
</a> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
@ -195,7 +195,7 @@ |
|
|
<i class="fa fa-search-plus fa-3x"></i> |
|
|
<i class="fa fa-search-plus fa-3x"></i> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<img class="img-fluid" src="img/portfolio/clubpanda.png" alt=""> |
|
|
|
|
|
|
|
|
<img class="img-fluid" src="img/portfolio/clubpanda.png" alt="Club panda screenshot"> |
|
|
</a> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
@ -207,9 +207,23 @@ |
|
|
<i class="fa fa-search-plus fa-3x"></i> |
|
|
<i class="fa fa-search-plus fa-3x"></i> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<img class="img-fluid" src="img/portfolio/bash_manager.png" alt=""> |
|
|
|
|
|
|
|
|
<img class="img-fluid" src="img/portfolio/bash_manager.png" alt="Bash Manager Screenshot"> |
|
|
</a> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!--Hoffends Public website--> |
|
|
|
|
|
<div class="col-sm-4 portfolio-item"> |
|
|
|
|
|
<a class="portfolio-link" href="#portfolioHoffendsPublic" data-toggle="modal"> |
|
|
|
|
|
<div class="caption"> |
|
|
|
|
|
<div class="caption-content"> |
|
|
|
|
|
<i class="fa fa-search-plus fa-3x"></i> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<img class="img-fluid" src="img/portfolio/hoffendsPublicWebsite.png" alt="Hoffends Public Website"> |
|
|
|
|
|
</a> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
</section> |
|
@ -407,7 +421,7 @@ |
|
|
<div class="modal-body"> |
|
|
<div class="modal-body"> |
|
|
<h2>Pioneer Malting</h2> |
|
|
<h2>Pioneer Malting</h2> |
|
|
<hr class="star-primary"> |
|
|
<hr class="star-primary"> |
|
|
<img class="img-fluid img-centered" src="img/portfolio/pioneer.png" alt=""> |
|
|
|
|
|
|
|
|
<img class="img-fluid img-centered" src="img/portfolio/pioneer.png" alt="Pioneer Emoloyee Website"> |
|
|
<p>Over several months I built a web application for Pioneer Malting which keeps track of |
|
|
<p>Over several months I built a web application for Pioneer Malting which keeps track of |
|
|
inventory, clients, payroll, |
|
|
inventory, clients, payroll, |
|
|
orders, batches, and shipments. |
|
|
orders, batches, and shipments. |
|
@ -463,7 +477,7 @@ |
|
|
<div class="modal-body"> |
|
|
<div class="modal-body"> |
|
|
<h2>Hoffends Employee Website</h2> |
|
|
<h2>Hoffends Employee Website</h2> |
|
|
<hr class="star-primary"> |
|
|
<hr class="star-primary"> |
|
|
<img class="img-fluid img-centered" src="img/portfolio/hoffends.png" alt=""> |
|
|
|
|
|
|
|
|
<img class="img-fluid img-centered" src="img/portfolio/hoffends.png" alt="Hoffends Employee Website"> |
|
|
<p> This is a PHP website that keeps track of employee hours for payroll. |
|
|
<p> This is a PHP website that keeps track of employee hours for payroll. |
|
|
</p> |
|
|
</p> |
|
|
<ul class="list-inline item-details"> |
|
|
<ul class="list-inline item-details"> |
|
@ -520,9 +534,10 @@ |
|
|
<div class="modal-body"> |
|
|
<div class="modal-body"> |
|
|
<h2>Personal Blog</h2> |
|
|
<h2>Personal Blog</h2> |
|
|
<hr class="star-primary"> |
|
|
<hr class="star-primary"> |
|
|
<img class="img-fluid img-centered" src="img/portfolio/jrtechs.net.png" alt=""> |
|
|
|
|
|
|
|
|
<img class="img-fluid img-centered" src="img/portfolio/jrtechs.net.png" alt="Word Press Blog"> |
|
|
<p>I initially created <a href="http://jrtechs.net">jrtechs</a> when I was in middle school. |
|
|
<p>I initially created <a href="http://jrtechs.net">jrtechs</a> when I was in middle school. |
|
|
Jrtechs is a personal blog where I post random stuff I think others would find useful.</p> |
|
|
|
|
|
|
|
|
Jrtechs is a wordpress blog where I post stuff I think others would find useful or |
|
|
|
|
|
things I can use as reference.</p> |
|
|
<ul class="list-inline item-details"> |
|
|
<ul class="list-inline item-details"> |
|
|
<li>Date: |
|
|
<li>Date: |
|
|
<strong> |
|
|
<strong> |
|
@ -560,7 +575,7 @@ |
|
|
<div class="modal-body"> |
|
|
<div class="modal-body"> |
|
|
<h2>Java Tanks Game</h2> |
|
|
<h2>Java Tanks Game</h2> |
|
|
<hr class="star-primary"> |
|
|
<hr class="star-primary"> |
|
|
<img class="img-fluid img-centered" src="img/portfolio/tanks.png" alt=""> |
|
|
|
|
|
|
|
|
<img class="img-fluid img-centered" src="img/portfolio/tanks.png" alt="Java source code"> |
|
|
<p>After the AP finals in May, high school students who took AP classes have little to do. |
|
|
<p>After the AP finals in May, high school students who took AP classes have little to do. |
|
|
During my junior year of High School I took this time to teach my AP Computer Science class how |
|
|
During my junior year of High School I took this time to teach my AP Computer Science class how |
|
|
to make Java GUIs. After teaching several lessons, we started making a 2D tanks game. Feel free to |
|
|
to make Java GUIs. After teaching several lessons, we started making a 2D tanks game. Feel free to |
|
@ -602,7 +617,7 @@ |
|
|
<div class="modal-body"> |
|
|
<div class="modal-body"> |
|
|
<h2>Musical Floppy Drives</h2> |
|
|
<h2>Musical Floppy Drives</h2> |
|
|
<hr class="star-primary"> |
|
|
<hr class="star-primary"> |
|
|
<img class="img-fluid img-centered" src="img/portfolio/floppy.jpg" alt=""> |
|
|
|
|
|
|
|
|
<img class="img-fluid img-centered" src="img/portfolio/floppy.jpg" alt="Musical Floppy Drive Project"> |
|
|
<p>Being the type of person who has dozens of floppy drives, I wired them up to a Arduino to play |
|
|
<p>Being the type of person who has dozens of floppy drives, I wired them up to a Arduino to play |
|
|
music.</p> |
|
|
music.</p> |
|
|
<iframe width="560" height="315" src="https://www.youtube.com/embed/DBrR6sE-vaY" frameborder="0" |
|
|
<iframe width="560" height="315" src="https://www.youtube.com/embed/DBrR6sE-vaY" frameborder="0" |
|
@ -653,7 +668,7 @@ |
|
|
<div class="modal-body"> |
|
|
<div class="modal-body"> |
|
|
<h2>Quotes Website for a Friend</h2> |
|
|
<h2>Quotes Website for a Friend</h2> |
|
|
<hr class="star-primary"> |
|
|
<hr class="star-primary"> |
|
|
<img class="img-fluid img-centered" src="img/portfolio/quotes.png" alt=""> |
|
|
|
|
|
|
|
|
<img class="img-fluid img-centered" src="img/portfolio/quotes.png" alt="Panda Quotes"> |
|
|
<p>In high school my friend had a static web page where he posted quotes that people said. During |
|
|
<p>In high school my friend had a static web page where he posted quotes that people said. During |
|
|
winter break I decided amp up his project and |
|
|
winter break I decided amp up his project and |
|
|
create a dynamic website in PHP that would display the quotes on pictures of pandas. Along with |
|
|
create a dynamic website in PHP that would display the quotes on pictures of pandas. Along with |
|
@ -703,7 +718,7 @@ |
|
|
<div class="modal-body"> |
|
|
<div class="modal-body"> |
|
|
<h2>What the Trend?</h2> |
|
|
<h2>What the Trend?</h2> |
|
|
<hr class="star-primary"> |
|
|
<hr class="star-primary"> |
|
|
<img class="img-fluid img-centered" src="img/portfolio/trend.jpg" alt=""> |
|
|
|
|
|
|
|
|
<img class="img-fluid img-centered" src="img/portfolio/trend.jpg" alt="Brick Hack Project"> |
|
|
<p>This app was built at <a href="https://brickhack.io/">BrickHack4</a> -- my first hackathon. |
|
|
<p>This app was built at <a href="https://brickhack.io/">BrickHack4</a> -- my first hackathon. |
|
|
What the Trend is a web game where players compete against each other to submit the most trending |
|
|
What the Trend is a web game where players compete against each other to submit the most trending |
|
|
word- according to the Google Trends API. Players each log into a game on their own device, and are |
|
|
word- according to the Google Trends API. Players each log into a game on their own device, and are |
|
@ -755,7 +770,7 @@ |
|
|
<div class="modal-body"> |
|
|
<div class="modal-body"> |
|
|
<h2>Tiger-OS Website</h2> |
|
|
<h2>Tiger-OS Website</h2> |
|
|
<hr class="star-primary"> |
|
|
<hr class="star-primary"> |
|
|
<img class="img-fluid img-centered" src="img/portfolio/tiger-os.png" alt=""> |
|
|
|
|
|
|
|
|
<img class="img-fluid img-centered" src="img/portfolio/tiger-os.png" alt="TigerOS"> |
|
|
<p>This is a simple bootstrap website I made for RITLUG(RIT's Linux User Group). Check the website |
|
|
<p>This is a simple bootstrap website I made for RITLUG(RIT's Linux User Group). Check the website |
|
|
out live <a href="http://tigeros.ritlug.com/">here</a>.</p> |
|
|
out live <a href="http://tigeros.ritlug.com/">here</a>.</p> |
|
|
<ul class="list-inline item-details"> |
|
|
<ul class="list-inline item-details"> |
|
@ -799,7 +814,7 @@ |
|
|
<div class="modal-body"> |
|
|
<div class="modal-body"> |
|
|
<h2>Panda Games</h2> |
|
|
<h2>Panda Games</h2> |
|
|
<hr class="star-primary"> |
|
|
<hr class="star-primary"> |
|
|
<img class="img-fluid img-centered" src="img/portfolio/clubpanda.png" alt=""> |
|
|
|
|
|
|
|
|
<img class="img-fluid img-centered" src="img/portfolio/clubpanda.png" alt="Club panda image"> |
|
|
<p>In the journey of learning JavaScript I decided to compile a few of the games I made into a website |
|
|
<p>In the journey of learning JavaScript I decided to compile a few of the games I made into a website |
|
|
that kept track of scores like an old arcade.</p> |
|
|
that kept track of scores like an old arcade.</p> |
|
|
<iframe width="560" height="315" src="https://www.youtube.com/embed/QhJYKBj3K08" frameborder="0" |
|
|
<iframe width="560" height="315" src="https://www.youtube.com/embed/QhJYKBj3K08" frameborder="0" |
|
@ -837,6 +852,68 @@ |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<!-- Hoffends Public Website --> |
|
|
|
|
|
<div class="portfolio-modal modal fade" id="portfolioHoffendsPublic" tabindex="-1" role="dialog" aria-hidden="true"> |
|
|
|
|
|
<div class="modal-dialog" role="document"> |
|
|
|
|
|
<div class="modal-content"> |
|
|
|
|
|
<div class="close-modal" data-dismiss="modal"> |
|
|
|
|
|
<div class="lr"> |
|
|
|
|
|
<div class="rl"></div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col-lg-8 mx-auto"> |
|
|
|
|
|
<div class="modal-body"> |
|
|
|
|
|
<h2>Hoffends Website</h2> |
|
|
|
|
|
<hr class="star-primary"> |
|
|
|
|
|
<img class="img-fluid img-centered" src="img/portfolio/hoffendsPublicWebsite.png" alt=""> |
|
|
|
|
|
<p>This website is aimed at getting people to |
|
|
|
|
|
visit Hoffends. This website contains a PHP captcha contact form, live |
|
|
|
|
|
hours table, embedded map, and other information about their |
|
|
|
|
|
store like specials and tastings. Check out the website live <a href="https://hoffends.net">here</a>. |
|
|
|
|
|
</p> |
|
|
|
|
|
<ul class="list-inline item-details"> |
|
|
|
|
|
<li>Client: |
|
|
|
|
|
<strong> |
|
|
|
|
|
<a href="https://hoffends.net/">Hoffends</a> |
|
|
|
|
|
</strong> |
|
|
|
|
|
</li> |
|
|
|
|
|
<li>Date: |
|
|
|
|
|
<strong> |
|
|
|
|
|
August 2018 |
|
|
|
|
|
</strong> |
|
|
|
|
|
</li> |
|
|
|
|
|
<li>Skills: |
|
|
|
|
|
<strong> |
|
|
|
|
|
<a href="http://php.net">PHP</a> |
|
|
|
|
|
</strong> |
|
|
|
|
|
<strong> |
|
|
|
|
|
<a href="https://www.w3schools.com/html/">HTML</a> |
|
|
|
|
|
</strong> |
|
|
|
|
|
<strong> |
|
|
|
|
|
<a href="#">jQuery</a> |
|
|
|
|
|
</strong> |
|
|
|
|
|
<strong> |
|
|
|
|
|
<a href="#">Bootstrap</a> |
|
|
|
|
|
</strong> |
|
|
|
|
|
<strong> |
|
|
|
|
|
<a href="#">Java Script</a> |
|
|
|
|
|
</strong> |
|
|
|
|
|
</li> |
|
|
|
|
|
</ul> |
|
|
|
|
|
<button class="btn btn-success" type="button" data-dismiss="modal"> |
|
|
|
|
|
<i class="fa fa-times"></i> |
|
|
|
|
|
Close</button> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Bash Manager --> |
|
|
<!-- Bash Manager --> |
|
|
<div class="portfolio-modal modal fade" id="bashManager" tabindex="-1" role="dialog" aria-hidden="true"> |
|
|
<div class="portfolio-modal modal fade" id="bashManager" tabindex="-1" role="dialog" aria-hidden="true"> |
|
|
<div class="modal-dialog" role="document"> |
|
|
<div class="modal-dialog" role="document"> |
|
|