Portfolio

ISS Tracker

A site that gets International Space Station data via Ajax calls and displays it to the user with a map of the current coordinates. The ISS data is from WhereTheISS.At and Open-Notify.Org, and map used is the Google Maps service. The page is styled using Semantic UI.

HTML / CSS / JS / Jquery (Ajax) / Semantic UI

Coffee Rater

A Heroku-hosted MVC site that allows visitors to upload coffees and reviews for coffees to a MySQL/JawsDB database.

HTML / CSS / JS / Jquery (Ajax) / Express.js / Handlebars / Sequelize / MySQL

Code Refactoring

Was provided with an existing site's HTML and CSS files, and was tasked with altering the code to have a more semantic and SEO-friendly structure.

HTML / CSS

Responsive Portfolio

This very website. This was produced as a BootCampSpot assignment, and uses the Bootstrap framework for responsive design.

HTML / CSS / Bootstrap

Password Generator

A JavaScript-based password generator. Alert/prompt/confirm dialogs are used to allow the user to specify parameters such as allowed character sets and length. A password is generated based on the user's selections and displayed on the page.

HTML / CSS / JS

JavaScript Code Quiz

A JavaScript-based coding quiz. It makes use of intervals for time tracking and saves scores (time remaining) in local storage.

HTML / CSS / JS / Bootstrap

Work Day Scheduler

A JavaScript-based work day schedule app. Local storage is used to hold the entries. Moment.js is used to display the current day and date, and to color each time slot according to past/future/present.

HTML / CSS / JS / Moment.js / Bootstrap

Weather Dashboard

A page that displays current and forecast weather data for a location entered by the user. Entered locations are saved in local storage for later access. JQuery Ajax is used to get the data from APIs supplied by Open Weather Map. Moment.js is used for date display and manipulation.

HTML / CSS / JS / Jquery (Ajax) / Moment.js / Bootstrap

Note Taker

A web app that uses Express routing to display, save, update, or delete notes. The notes are saved to and read from a JSON file stored on the server.

HTML / CSS / JS / Node.js / Express.js / Bootstrap

Eat Da Burger

A MVC-paradigm web app that allows users to set burger items to 'devoured' or 'not devoured', and also to add a burger item. It uses Express for routing, Handlebars and Bootstrap for page layout and content, and MySQL to store the burger items. A custom ORM is used to interface between the database and the page.

HTML / CSS / JS / Node.js / Express.js / Handlebars / MySQL / Bootstrap

Workout Tracker

A web app that uses Express for routing and MongoDB/Mongoose for data storage. It allows users to create workouts with cardio or resistance exercises and add them to the database. Users can also view statistics of past workouts.

HTML / CSS / JS / Node.js / Express.js / MongoDB / Mongoose