Full Stack Software Engineer, Developer Evangelist
Journio - The Simple Itinerary Application
Journio was designed to replace the giant stack of paper itineraries that my mom carries on trips. I wanted an interface and experience that was simple enough for her -- a non-technical user -- to be able to use it without hesitation.
The application displays event data by:
Pulling the user's Facebook events that they've created or RSVP'd to
Filtering events by a date range using JQuery Datepickers
Persisting user-uploaded files to attach to specific events
Persisting user settings (dates and files) so there is minimal user interaction required when they leave and return to the application
The Angular Movie Search utilizes the OMdb API to query movie data and return the data in an easy-to-navigate interface. All content is loaded using basic views and single-page interaction. The design is based on simplicity and ease of use.
eBae - the Electronic Bachelor(ette) Auction Experience
eBae is a web-app for non-profit organizations to host auction-based fundraisers to streamline what is typically a manual process for them. Currently it handles Bachelor/Bachelorette auctions, but can very easily be scaled to incorporate silent auctions and mobile features.
Worked with JSON objects from Reddit to build custom subreddits that persist through the next time that the user visits the page. Parsed Reddit data using JSON and utilized LocalStorage to store user data to the user's personal information and preferences. The focus here was not on design, but on functionality and experimenting.
Languages: HTML, CSS. Tools: Github.
Experimenting with Asymmetrical and Symmetrical grids in CSS styling. Not too much more to it than that!
The Walking Man
Make the man walk to the right, and then when he hits the edge of the screen, turn around and walk back. Repeat. Sounds easy, but this simple little exercise challenged me! I explored a lot about the DOM and how to extract measurements from it in this exercise.
Challenging our CSS knowledge and attention to detail, this project put our styling skills to the test. This was also our first exposure to the Normalize and Reset stylesheets. The linked project utilizes Normalize.css, but there is a pixel-for-pixel matched version in this same repository that utilizes Reset.css.