<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content="Portfolio website for Jeffery Russell a computer science student at RIT"> <meta name="author" content="Jeffery Russell"> <title>Jeffery Russell</title> <!-- Bootstrap core CSS --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- Custom fonts for this template --> <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css"> <!-- Custom styles for this template --> <link href="css/freelancer.min.css" rel="stylesheet"> </head> <body id="page-top"> <!-- Navigation --> <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav"> <div class="container"> <a class="navbar-brand js-scroll-trigger" href="#page-top">Jeffery Russell</a> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> Menu <i class="fa fa-bars"></i> </button> <div class="collapse navbar-collapse" id="navbarResponsive"> <ul class="navbar-nav ml-auto"> <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#portfolio">Portfolio</a> </li> <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#about">About</a> </li> <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="http://jrtechs.net">Blog</a> </li> <li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#contact">Contact</a> </li> </ul> </div> </div> </nav> <!-- Header --> <header class="masthead"> <div class="container"> <div class="intro-text"> <span class="name">Jeffery Russell</span> <hr class="star-light"> <span class="skills">Computer Science Student at RIT</span> </div> </div> </header> <!-- Portfolio Grid Section --> <section id="portfolio"> <div class="container"> <h2 class="text-center">Portfolio</h2> <hr class="star-primary"> <h3 class="text-center">Click Picture to Show Project Details</h3> <div class="row"> <!--Hoffends web app--> <div class="col-sm-4 portfolio-item"> <a class="portfolio-link" href="#portfolioHoffends" 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/hoffends.png" alt=""> </a> </div> <!--Floppy drives--> <div class="col-sm-4 portfolio-item"> <a class="portfolio-link" href="#portfolioFloppy" 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/floppy.jpg" alt=""> </a> </div> <!--Blog--> <div class="col-sm-4 portfolio-item"> <a class="portfolio-link" href="#portfolioJrtechs" 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/jrtechs.net.png" alt=""> </a> </div> <!--Pioneer web app--> <div class="col-sm-4 portfolio-item"> <a class="portfolio-link" href="#portfolioPioneer" 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/pioneer.png" alt=""> </a> </div> <!--Bryce's Quotes website--> <div class="col-sm-4 portfolio-item"> <a class="portfolio-link" href="#portfolioQuotes" 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/quotes.png" alt=""> </a> </div> <!--Tanks Java Game--> <div class="col-sm-4 portfolio-item"> <a class="portfolio-link" href="#portfolioTanks" 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/tanks.png" alt=""> </a> </div> <!--Brick Hack 4 whats the trend--> <div class="col-sm-4 portfolio-item"> <a class="portfolio-link" href="#brickHack4" 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/trend.jpg" alt=""> </a> </div> <!--Tiger-OS website--> <div class="col-sm-4 portfolio-item"> <a class="portfolio-link" href="#tigerOSWebsite" 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/tiger-os.png" alt=""> </a> </div> <!--Panda Games--> <div class="col-sm-4 portfolio-item"> <a class="portfolio-link" href="#pandaGames" 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/clubpanda.png" alt=""> </a> </div> <!--Bash Manager--> <div class="col-sm-4 portfolio-item"> <a class="portfolio-link" href="#bashManager" 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/bash_manager.png" alt=""> </a> </div> </div> </div> </section> <!-- About Section --> <section class="success" id="about"> <div class="container"> <h2 class="text-center">About</h2> <hr class="star-light"> <div class="row"> <div class="col-lg-4 ml-auto"> <p>I am currently a sophomore studying Computer Science Rochester Institute of Technology. I am a very outgoing person who enjoys collaborating and working with others. Feel free to check out my github and other websites to see what I have been working on.</p> </div> <div class="col-lg-4 mr-auto"> <!-- <p>I am very passionate about coding and the open source community. Over the course of my life I have strove to learn more. Currently I know 9 programming languages: PHP, Java, Python, SQL, HTML, Bash, Java Script, C and VB. </p> --> <p>I am a self proclaimed geek; I have been programming since I salvaged parts to build a computer when I was in 6th grade. Computers are my lifeblood. When I am not programming - or reading - I enjoy excising and riding my bike.</p> </div> <div class="col-lg-8 mx-auto text-center"> <a href="https://jrtechs.me/Jeffery_Russell_Resume.pdf" class="btn btn-lg btn-outline"> <i class="fa fa-download"></i> Download Portfolio </a> </div> </div> </div> </section> <!-- Contact Section --> <section id="contact"> <div class="container"> <h2 class="text-center">Contact Me</h2> <hr class="star-primary"> <div class="row"> <div class="col-lg-8 mx-auto"> <center><p>Jeffery@jrtechs.net</p></center> </div> </div> </div> </section> <!-- Footer --> <footer class="text-center"> <div class="footer-above"> <div class="container"> <div class="row"> <div class="footer-col col-md-4"> <h3>Location</h3> <p>Rochester Institute of Technology <br>1 Lomb Memorial Dr, Rochester, NY 14623</p> </div> <div class="footer-col col-md-4"> <h3>Around the Web</h3> <ul class="list-inline"> <li class="list-inline-item"> <a class="btn-social btn-outline" href="https://www.youtube.com/c/JrtechsNet"> <i class="fa fa-fw fa-youtube"></i> </a> </li> <li class="list-inline-item"> <a class="btn-social btn-outline" href="https://github.com/jrtechs"> <i class="fa fa-fw fa-github"></i> </a> </li> <li class="list-inline-item"> <a class="btn-social btn-outline" href="http://jrtechs.net"> <i class="fa fa-fw fa-wordpress"></i> </a> </li> </ul> </div> <div class="footer-col col-md-4"> <h3>About This Website</h3> <p>Check out the source code for this website on my <a href="https://github.com/jrtechs">github</a>.</p> </div> </div> </div> </div> <div class="footer-below"> <div class="container"> <div class="row"> <div class="col-lg-12"> Copyright © Jrtechs.me 2018 </div> </div> </div> </div> </footer> <!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) --> <div class="scroll-top d-lg-none"> <a class="btn btn-primary js-scroll-trigger" href="#page-top"> <i class="fa fa-chevron-up"></i> </a> </div> <!-- Portfolio Modals --> <!-- Pioneer Website --> <div class="portfolio-modal modal fade" id="portfolioPioneer" 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>Pioneer Malting</h2> <hr class="star-primary"> <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 keeps track of inventory, clients, payroll, orders, batches, and shipments. 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> <ul class="list-inline item-details"> <li>Client: <strong> <a href="http://pioneermalting.com/">Pioneer Malting</a> </strong> </li> <li>Date: <strong> June 2017 </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="https://www.w3schools.com/sql/">SQL</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> <!-- Hoffends Website --> <div class="portfolio-modal modal fade" id="portfolioHoffends" 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 Employee Website</h2> <hr class="star-primary"> <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. </p> <ul class="list-inline item-details"> <li>Client: <strong> <a href="http://www.hoffends.net/">Hoffends</a> </strong> </li> <li>Date: <strong> November 2016 </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="https://www.android.com">Android App Development</a> </strong> <strong> <a href="https://www.w3schools.com/html/">Java</a> </strong> <strong> <a href="https://www.w3schools.com/sql/">SQL</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> <!-- Jrtechs Website --> <div class="portfolio-modal modal fade" id="portfolioJrtechs" 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>Personal Blog</h2> <hr class="star-primary"> <img class="img-fluid img-centered" src="img/portfolio/jrtechs.net.png" alt=""> <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"> <li>Date: <strong> June 2014 </strong> </li> <li>Skills: <strong> <a href="https://wordpress.org/">Wordpress</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> <!-- Java Tanks Game--> <div class="portfolio-modal modal fade" id="portfolioTanks" 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>Java Tanks Game</h2> <hr class="star-primary"> <img class="img-fluid img-centered" src="img/portfolio/tanks.png" alt=""> <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"> <li>Date: <strong> May 2016 </strong> </li> <li>Skills: <strong> <a href="https://www.oracle.com/index.html">Java</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> <!-- Floppy Drive music --> <div class="portfolio-modal modal fade" id="portfolioFloppy" 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>Musical Floppy Drives</h2> <hr class="star-primary"> <img class="img-fluid img-centered" src="img/portfolio/floppy.jpg" alt=""> <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"> <li>Date: <strong> June 2017 </strong> </li> <li>Skills: <strong> <a href="#">c++</a> </strong> <strong> <a href="#">Arduino</a> </strong> <strong> <a href="#">Electrical Wiring</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> <!-- Panda Quotes --> <div class="portfolio-modal modal fade" id="portfolioQuotes" 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>Quotes Website for a Friend</h2> <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> <ul class="list-inline item-details"> <li>Date: <strong> December 2016 </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="https://www.w3schools.com/sql/">SQL</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> <!-- Brick Hack 4 --> <div class="portfolio-modal modal fade" id="brickHack4" 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>What the Trend?</h2> <hr class="star-primary"> <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"> <li>Date: <strong> January 2018 </strong> </li> <li>Skills: <strong> <a href="https://www.javascript.com/">JavaScript</a> </strong> <strong> <a href="#">NodeJs</a> </strong> <strong> <a href="https://www.w3schools.com/html/">HTML</a> </strong> <strong> <a href="https://www.w3schools.com/sql/">SQL</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> <!-- Tiger-OS website --> <div class="portfolio-modal modal fade" id="tigerOSWebsite" 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>Tiger-OS Website</h2> <hr class="star-primary"> <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"> <li>Date: <strong> November 2017 </strong> </li> <li>Skills: <strong> <a href="http://php.net">Bootstrap</a> </strong> <strong> <a href="https://www.w3schools.com/html/">HTML</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> <!-- Panda Games --> <div class="portfolio-modal modal fade" id="pandaGames" 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>Panda Games</h2> <hr class="star-primary"> <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"> <li>Date: <strong> May 2017 </strong> </li> <li>Skills: <strong> <a href="https://www.javascript.com/">JavaScript</a> </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> </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 --> <div class="portfolio-modal modal fade" id="bashManager" 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>Bash Manager</h2> <hr class="star-primary"> <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"> <li>Date: <strong> October 2017 </strong> </li> <li>Skills: <strong> <a href="https://www.python.org/">Python</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> <!-- Bootstrap core JavaScript --> <script src="js/jquery.min.js"></script> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> <!-- Plugin JavaScript --> <script src="js/jquery.easing.min.js"></script> </body> </html>