Updated Personal Portfolio of Jonathan Hake

90's Hangman

Crystal Collector

Trivia Game

Giftastic

Train Scheduler

Bamazon

Friend Finder

Film Critic

Few Days Off

90's Hangman

This game utilizes HTML, CSS, Javascript, Bootstrap, and Google Fonts to allow the user to play a hangman style game with the topics relating to the 90's.

Github Website

Crystal Collector

This game is designed to allow the user to click on 4 crystals with the goal being to match a target number. The random number and all 4 of the crystals are assigned random number values to add variability to each game. Utilizes HTML, CSS, Javascript, Jquery, Bootstrap, and Google Fonts.

Github Website

Jurassic Park Trivia

In this trivia game the user is given 60 seconds to answer 10 jurassic park related trivia questions. The answers will be graded and results returned to the user upon submission. Bootstrap was used to plan the structure and look of the page while jquery and javascript was used to add functionality to the game, timer, and answers. Utilizes HTML, CSS, Javascript, Jquery, Bootstrap, and Google Fonts.

Github Website

NFL GIF Generator

This web page is designed to allow the user to lookup gifs of their favorite NFL players. The JSON is used to acces the Giphy API in order to pull gifs and display them on the web page. Bootstrap was used for much of the display formatting and jQuery was primarily used for the javascript functions.

Github Website

Train Scheduler

The Train Scheduler application will allow the user to input as many train routes into it in order to track the next available train for that route. The application uses firebase to store the data and recall it for the next load of the website. The website also uses moment to convert times into more user friendly formats. The app is best used for people who often take trains and need this advanced metric to know the next train stop.

Github Website

Bamazon

Utilizes Node.js and MySQL in order to form an interactive inventory management system and order processing system similar to that of an Amazon style site. The app works through command line interface options with three seperate apps with different uses depending upon the user: customer, manager, and supervisor.

Github

FriendFinder

Compatibility based application The application will take in results from users' surveys then compare their results against all other users who have completed it. The application will then display the name and picture of the user with the best match overall. This application uses html, css, bootstrap, express.js, node,js, javascript.

Github Website

FilmCritic

An application built for a more personal movie review site. A location where friends can get together and review movies they have seen along with a point system. User login and validation before being allowed to post should limit anonymous users. The application uses html, css, materialize css, SASS, javascript, jquery, node.js, express.js, SQL, git and is deployed to Heroku.

Github Website

A Few Days Off

An application built for the local or visiting citizen to find what events are upcoming in the city of their choosing. The application will allow the user to specify the location and will display a map of the event on click. The application utilizes HTMl, CSS, materialize css, node.js, express.js, javascript, jQuery, and firebase.

Github Website