|
|
@ -148,7 +148,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/trend.jpg" alt=""> |
|
|
</a> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
<!--Tiger-OS website--> |
|
|
<!--Tiger-OS website--> |
|
|
@ -159,7 +159,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/tiger-os.png" alt=""> |
|
|
</a> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
<!--Panda Games--> |
|
|
<!--Panda Games--> |
|
|
@ -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/tanks.png" alt=""> |
|
|
|
|
|
|
|
|
<img class="img-fluid" src="img/portfolio/clubpanda.png" alt=""> |
|
|
</a> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
<!--Bash Manager--> |
|
|
<!--Bash Manager--> |
|
|
@ -181,7 +181,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/bash_manager.png" alt=""> |
|
|
</a> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
@ -265,7 +265,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
<div class="footer-col col-md-4"> |
|
|
<div class="footer-col col-md-4"> |
|
|
<h3>About This Website</h3> |
|
|
<h3>About This Website</h3> |
|
|
<p>Feel free to check out the source code for this website on my |
|
|
|
|
|
|
|
|
<p>Check out the source code for this website on my |
|
|
<a href="https://github.com/jrtechs">github</a>.</p> |
|
|
<a href="https://github.com/jrtechs">github</a>.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
@ -303,16 +303,15 @@ |
|
|
<div class="row"> |
|
|
<div class="row"> |
|
|
<div class="col-lg-8 mx-auto"> |
|
|
<div class="col-lg-8 mx-auto"> |
|
|
<div class="modal-body"> |
|
|
<div class="modal-body"> |
|
|
<h2>Pioneer Malting Employee Website</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=""> |
|
|
<p>Over several months I built a web application for pioneer malting which kept track of |
|
|
|
|
|
inventory, clients, payroll hours, |
|
|
|
|
|
|
|
|
<p>Over several months I built a web application for Pioneer Malting which keeps track of |
|
|
|
|
|
inventory, clients, payroll, |
|
|
orders, batches, and shipments. |
|
|
orders, batches, and shipments. |
|
|
This website was built using PHP, SQL, HTML, and CSS. |
|
|
|
|
|
With the source code being well over ten thousand lines long, it has pushed me towards refining |
|
|
|
|
|
my coding conventions and version control |
|
|
|
|
|
to an art. I currently host and maintain this website on my personal linux server. |
|
|
|
|
|
|
|
|
I built this website using PHP, SQL and HTM.L |
|
|
|
|
|
With the source code being over ten thousand lines long, it has pushed me towards improving |
|
|
|
|
|
my coding style and version control. I host and maintain this website on my personal linux server. |
|
|
</p> |
|
|
</p> |
|
|
<ul class="list-inline item-details"> |
|
|
<ul class="list-inline item-details"> |
|
|
<li>Client: |
|
|
<li>Client: |
|
|
@ -363,9 +362,7 @@ |
|
|
<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=""> |
|
|
<p> This is a PHP website that keeps track of employee hours for payroll. I also built an |
|
|
|
|
|
android app which interfaces with this website so |
|
|
|
|
|
employees can conveniently clock in/out with an android tablet when they arrive at work. |
|
|
|
|
|
|
|
|
<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"> |
|
|
<li>Client: |
|
|
<li>Client: |
|
|
@ -386,7 +383,7 @@ |
|
|
<a href="https://www.w3schools.com/html/">HTML</a> |
|
|
<a href="https://www.w3schools.com/html/">HTML</a> |
|
|
</strong> |
|
|
</strong> |
|
|
<strong> |
|
|
<strong> |
|
|
<a href="https://www.w3schools.com/html/">Android App Development</a> |
|
|
|
|
|
|
|
|
<a href="https://www.android.com">Android App Development</a> |
|
|
</strong> |
|
|
</strong> |
|
|
<strong> |
|
|
<strong> |
|
|
<a href="https://www.w3schools.com/html/">Java</a> |
|
|
<a href="https://www.w3schools.com/html/">Java</a> |
|
|
@ -422,8 +419,8 @@ |
|
|
<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=""> |
|
|
<p>Initially started when I was in middle school, <a href="http://jrtechs.net">jrtechs</a> |
|
|
|
|
|
is a personal blog where I post projects that I have been working on.</p> |
|
|
|
|
|
|
|
|
<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> |
|
|
<ul class="list-inline item-details"> |
|
|
<ul class="list-inline item-details"> |
|
|
<li>Date: |
|
|
<li>Date: |
|
|
<strong> |
|
|
<strong> |
|
|
@ -462,11 +459,10 @@ |
|
|
<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=""> |
|
|
<p>Usually in high school AP classes after the final exam in May you have nothing to do in June. |
|
|
|
|
|
However, during my junior year of high school |
|
|
|
|
|
I took it upon myself to teach my AP programming class java GUIs - |
|
|
|
|
|
something not covered in the curriculum. After personally teaching the class several lessons, |
|
|
|
|
|
we started making a tanks game - using git for version control.</p> |
|
|
|
|
|
|
|
|
<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 |
|
|
|
|
|
to make Java GUIs. After teaching several lessons, we started making a 2D tanks game. Feel free to |
|
|
|
|
|
check out the <a href="https://github.com/jrtechs/Tanks">Github</a>.</p> |
|
|
<ul class="list-inline item-details"> |
|
|
<ul class="list-inline item-details"> |
|
|
<li>Date: |
|
|
<li>Date: |
|
|
<strong> |
|
|
<strong> |
|
|
@ -505,9 +501,13 @@ |
|
|
<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=""> |
|
|
<p>Being somebody that happens to posses 10 floppy drives, I decided to make something with them. |
|
|
|
|
|
As the title suggests, I wired 8 floppy drives |
|
|
|
|
|
to a raspberry pi to play music off them.</p> |
|
|
|
|
|
|
|
|
<p>Being the type of person who has dozens of floppy drives, I wired them up to a Arduino to play |
|
|
|
|
|
music.</p> |
|
|
|
|
|
<iframe width="560" height="315" src="https://www.youtube.com/embed/DBrR6sE-vaY" frameborder="0" |
|
|
|
|
|
allow="autoplay; encrypted-media" allowfullscreen></iframe> |
|
|
|
|
|
|
|
|
|
|
|
<iframe width="560" height="315" src="https://www.youtube.com/embed/Y5msiFa54Ug" frameborder="0" |
|
|
|
|
|
allow="autoplay; encrypted-media" allowfullscreen></iframe> |
|
|
<ul class="list-inline item-details"> |
|
|
<ul class="list-inline item-details"> |
|
|
<li>Date: |
|
|
<li>Date: |
|
|
<strong> |
|
|
<strong> |
|
|
@ -519,7 +519,7 @@ |
|
|
<a href="#">c++</a> |
|
|
<a href="#">c++</a> |
|
|
</strong> |
|
|
</strong> |
|
|
<strong> |
|
|
<strong> |
|
|
<a href="#">Raspberry Pie</a> |
|
|
|
|
|
|
|
|
<a href="#">Arduino</a> |
|
|
</strong> |
|
|
</strong> |
|
|
<strong> |
|
|
<strong> |
|
|
<a href="#">Electrical Wiring</a> |
|
|
<a href="#">Electrical Wiring</a> |
|
|
@ -599,23 +599,25 @@ |
|
|
<div class="row"> |
|
|
<div class="row"> |
|
|
<div class="col-lg-8 mx-auto"> |
|
|
<div class="col-lg-8 mx-auto"> |
|
|
<div class="modal-body"> |
|
|
<div class="modal-body"> |
|
|
<h2>Quotes Website for a Friend</h2> |
|
|
|
|
|
|
|
|
<h2>What the Trend?</h2> |
|
|
<hr class="star-primary"> |
|
|
<hr class="star-primary"> |
|
|
<img class="img-fluid img-centered" src="img/portfolio/quotes.png" alt=""> |
|
|
|
|
|
<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 |
|
|
|
|
|
create a dynamic website in PHP that would display the quotes on pictures of pandas. Along with |
|
|
|
|
|
displaying quotes, this website also has a web forum where |
|
|
|
|
|
registered users can submit new quotes.</p> |
|
|
|
|
|
|
|
|
<img class="img-fluid img-centered" src="img/portfolio/trend.jpg" alt=""> |
|
|
|
|
|
<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 |
|
|
|
|
|
word- according to the Google Trends API. Players each log into a game on their own device, and are |
|
|
|
|
|
given a word. They each must append a word to the phrase to make it more trending on google.</p> |
|
|
<ul class="list-inline item-details"> |
|
|
<ul class="list-inline item-details"> |
|
|
<li>Date: |
|
|
<li>Date: |
|
|
<strong> |
|
|
<strong> |
|
|
December 2016 |
|
|
|
|
|
|
|
|
January 2018 |
|
|
</strong> |
|
|
</strong> |
|
|
</li> |
|
|
</li> |
|
|
<li>Skills: |
|
|
<li>Skills: |
|
|
<strong> |
|
|
<strong> |
|
|
<a href="http://php.net">PHP</a> |
|
|
|
|
|
|
|
|
<a href="https://www.javascript.com/">JavaScript</a> |
|
|
|
|
|
</strong> |
|
|
|
|
|
<strong> |
|
|
|
|
|
<a href="#">NodeJs</a> |
|
|
</strong> |
|
|
</strong> |
|
|
<strong> |
|
|
<strong> |
|
|
<a href="https://www.w3schools.com/html/">HTML</a> |
|
|
<a href="https://www.w3schools.com/html/">HTML</a> |
|
|
@ -649,30 +651,24 @@ |
|
|
<div class="row"> |
|
|
<div class="row"> |
|
|
<div class="col-lg-8 mx-auto"> |
|
|
<div class="col-lg-8 mx-auto"> |
|
|
<div class="modal-body"> |
|
|
<div class="modal-body"> |
|
|
<h2>Quotes Website for a Friend</h2> |
|
|
|
|
|
|
|
|
<h2>Tiger-OS Website</h2> |
|
|
<hr class="star-primary"> |
|
|
<hr class="star-primary"> |
|
|
<img class="img-fluid img-centered" src="img/portfolio/quotes.png" alt=""> |
|
|
|
|
|
<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 |
|
|
|
|
|
create a dynamic website in PHP that would display the quotes on pictures of pandas. Along with |
|
|
|
|
|
displaying quotes, this website also has a web forum where |
|
|
|
|
|
registered users can submit new quotes.</p> |
|
|
|
|
|
|
|
|
<img class="img-fluid img-centered" src="img/portfolio/tiger-os.png" alt=""> |
|
|
|
|
|
<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> |
|
|
<ul class="list-inline item-details"> |
|
|
<ul class="list-inline item-details"> |
|
|
<li>Date: |
|
|
<li>Date: |
|
|
<strong> |
|
|
<strong> |
|
|
December 2016 |
|
|
|
|
|
|
|
|
November 2017 |
|
|
</strong> |
|
|
</strong> |
|
|
</li> |
|
|
</li> |
|
|
<li>Skills: |
|
|
<li>Skills: |
|
|
<strong> |
|
|
<strong> |
|
|
<a href="http://php.net">PHP</a> |
|
|
|
|
|
|
|
|
<a href="http://php.net">Bootstrap</a> |
|
|
</strong> |
|
|
</strong> |
|
|
<strong> |
|
|
<strong> |
|
|
<a href="https://www.w3schools.com/html/">HTML</a> |
|
|
<a href="https://www.w3schools.com/html/">HTML</a> |
|
|
</strong> |
|
|
</strong> |
|
|
<strong> |
|
|
|
|
|
<a href="https://www.w3schools.com/sql/">SQL</a> |
|
|
|
|
|
</strong> |
|
|
|
|
|
</li> |
|
|
</li> |
|
|
</ul> |
|
|
</ul> |
|
|
<button class="btn btn-success" type="button" data-dismiss="modal"> |
|
|
<button class="btn btn-success" type="button" data-dismiss="modal"> |
|
|
@ -699,21 +695,24 @@ |
|
|
<div class="row"> |
|
|
<div class="row"> |
|
|
<div class="col-lg-8 mx-auto"> |
|
|
<div class="col-lg-8 mx-auto"> |
|
|
<div class="modal-body"> |
|
|
<div class="modal-body"> |
|
|
<h2>Quotes Website for a Friend</h2> |
|
|
|
|
|
|
|
|
<h2>Panda Games</h2> |
|
|
<hr class="star-primary"> |
|
|
<hr class="star-primary"> |
|
|
<img class="img-fluid img-centered" src="img/portfolio/quotes.png" alt=""> |
|
|
|
|
|
<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 |
|
|
|
|
|
create a dynamic website in PHP that would display the quotes on pictures of pandas. Along with |
|
|
|
|
|
displaying quotes, this website also has a web forum where |
|
|
|
|
|
registered users can submit new quotes.</p> |
|
|
|
|
|
|
|
|
<img class="img-fluid img-centered" src="img/portfolio/clubpanda.png" alt=""> |
|
|
|
|
|
<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> |
|
|
|
|
|
<iframe width="560" height="315" src="https://www.youtube.com/embed/QhJYKBj3K08" frameborder="0" |
|
|
|
|
|
allow="autoplay; encrypted-media" allowfullscreen></iframe> |
|
|
|
|
|
<p>Check out this project on <a href="https://github.com/jrtechs/Club-Panda">Github</a>.</p> |
|
|
<ul class="list-inline item-details"> |
|
|
<ul class="list-inline item-details"> |
|
|
<li>Date: |
|
|
<li>Date: |
|
|
<strong> |
|
|
<strong> |
|
|
December 2016 |
|
|
|
|
|
|
|
|
May 2017 |
|
|
</strong> |
|
|
</strong> |
|
|
</li> |
|
|
</li> |
|
|
<li>Skills: |
|
|
<li>Skills: |
|
|
|
|
|
<strong> |
|
|
|
|
|
<a href="https://www.javascript.com/">JavaScript</a> |
|
|
|
|
|
</strong> |
|
|
<strong> |
|
|
<strong> |
|
|
<a href="http://php.net">PHP</a> |
|
|
<a href="http://php.net">PHP</a> |
|
|
</strong> |
|
|
</strong> |
|
|
@ -749,29 +748,23 @@ |
|
|
<div class="row"> |
|
|
<div class="row"> |
|
|
<div class="col-lg-8 mx-auto"> |
|
|
<div class="col-lg-8 mx-auto"> |
|
|
<div class="modal-body"> |
|
|
<div class="modal-body"> |
|
|
<h2>Quotes Website for a Friend</h2> |
|
|
|
|
|
|
|
|
<h2>Bash Manager</h2> |
|
|
<hr class="star-primary"> |
|
|
<hr class="star-primary"> |
|
|
<img class="img-fluid img-centered" src="img/portfolio/quotes.png" alt=""> |
|
|
|
|
|
<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 |
|
|
|
|
|
create a dynamic website in PHP that would display the quotes on pictures of pandas. Along with |
|
|
|
|
|
displaying quotes, this website also has a web forum where |
|
|
|
|
|
registered users can submit new quotes.</p> |
|
|
|
|
|
|
|
|
<img class="img-fluid img-centered" src="img/portfolio/bash_manager.png" alt=""> |
|
|
|
|
|
<p>This is a project that I used to push myself to learn more Python. Since I have nearly a dozen ssh |
|
|
|
|
|
keys installed on numerous servers, I decided to make a application to make managing all the |
|
|
|
|
|
connections easier. This application is now used by myself and a couple of friends on a daily basis. |
|
|
|
|
|
Check it out on <a href="https://github.com/jrtechs/bash_manager">github</a>, I have been |
|
|
|
|
|
consistently pushing updates.</p> |
|
|
<ul class="list-inline item-details"> |
|
|
<ul class="list-inline item-details"> |
|
|
<li>Date: |
|
|
<li>Date: |
|
|
<strong> |
|
|
<strong> |
|
|
December 2016 |
|
|
|
|
|
|
|
|
October 2017 |
|
|
</strong> |
|
|
</strong> |
|
|
</li> |
|
|
</li> |
|
|
<li>Skills: |
|
|
<li>Skills: |
|
|
<strong> |
|
|
<strong> |
|
|
<a href="http://php.net">PHP</a> |
|
|
|
|
|
</strong> |
|
|
|
|
|
<strong> |
|
|
|
|
|
<a href="https://www.w3schools.com/html/">HTML</a> |
|
|
|
|
|
</strong> |
|
|
|
|
|
<strong> |
|
|
|
|
|
<a href="https://www.w3schools.com/sql/">SQL</a> |
|
|
|
|
|
|
|
|
<a href="https://www.python.org/">Python</a> |
|
|
</strong> |
|
|
</strong> |
|
|
</li> |
|
|
</li> |
|
|
</ul> |
|
|
</ul> |
|
|
|
