PORTFOLIO

Vinyl Library: Node/Hapi Web App

This was great practice for employing server side JavaScript. Using the Hapi.js framework with Node.js, I built a web app to keep track of which albums I've loaned out to my pals. Admins can delete, add (using the Spotify Web API), and return albums. Regular users can log-in to browse the libary, view track info, and checkout records.

I was the sole developer. Originally, built and conceived for a capstone project at Seattle Central College.

HTML5, CSS3 (Sass), JavaScript (Node.js, Hapi.js, Handlebars, Grunt), SQLite, Web API, Cookies, Password Hashing

img

Book Store Shopping Cart

Written with JavaScript/JQuery, this was built to emulate a bookstore with a home page showing inventory, and a description page where you can read more about each book and add items to your shopping cart. You can also view your shopping cart, remove single items and empty it. The total items and price update dynmically. Inventory info is stored in the lib.json file and pulled to the page using AJAX calls with JQuery's $.getJSON(). Shopping cart info is stored as an array of objects in the browser's session storage using JavaScript's handy window.sessionStorage API. It is built like a single page app, in that the index.html doc is updated to show each view: home/inventory, single book, and shopping cart. Handlebars was used for templating.

I was the sole developer.

JavaScript, JQuery(AJAX, Events, DOM manipulation) JSON, Handlebars, HTML, CSS

img

Slumbermore.com

Responsive prototype of a site built for a client’s online sleep store. My favorite part of the project is the JQuery trick I used to keep all the toggles and navigation pieces responsive during any orientation changes or resizing; instead of worrying about window size discrepancies between the browser and JavaScript, I used JQuery to target unique pieces of CSS within each media query to tell items when to disappear and reappear.

I was the sole developer and designer on this project.

JavaScript, JQuery, PHP, HTML5, CSS3

img

The Art of Alzheimers

A custom Wordpress theme developed for a class at Seattle Central which connected teams with local nonprofits. The site was created by a team of four people, consisting of two designers and two developers.

I was one of the two developers on this team. In addition to much of the HTML and CSS on the site, I created the code for the custom slider and the loop for the sidebars which pulls content from the latest postings and blog archives.

Wordpress,PHP, HTML5, CSS3

img

Amanda K. Pitsch: Portfolio Site

A portfolio site I built for a scenic design major who was preparing to graduate from Cornish College of the Arts. I used a Fancybox lightbox plugin for the photo galleries. PHP was used for includes (header, footer, etc...). I also employed the same JQuery trick as mentinoed on the slumbermore.com project, in order to maximize the site's reponsiveness.

I was the sole developer and designer on this project.

JavaScript, JQuery, PHP, HTML5, CSS3

img