Full Stack Development
Most of the projects below were completed during my 3 months in General Assembly's Full Stack Development Immersive Program. This experience consisted of over 480 hours of classroom instruction, with another 200+ hours of project time. All of these projects are passions for me and are in different stages of development. You may encounter a random error. To view all my code please visit my GitHub .
Oregon Pro Maids Quote Widget
Simple quoting widget for a successful cleaning service in Portland, Oregon.
This was one of my first paid freelance projects after completing my full stack immersive program. It is implemented on a custom designed WordPress site. The technologies used include JavaScript, jQuery, Bootstrap, PHP, and PHPMailer. This was one of the first times I coded in PHP and really enjoyed. I'm most proud of the fully responsive interface. With notifications via email and text, it has resulted in more than a 200% increase in conversions, not to mention a more than 500% increase in leads.
Wordpress
PHP
PHPMailer
jQuery
Bootstrap
JavaScript
Sass
Movie Beatdown v2
A mobile game that allows you to sort the American Film Institute’s Top 100 movies using one-on-one battles.
This is one of my favorite concepts that I think true movie fanatics would love to play; that's why I revisited it as my final project. Since you would need 4,950 matches to sort 100 movies, I implemented OAuth with Google and Facebook strategies to save users' progress. The challenge was converting my original client-side version to a full stack application. This version downloads 100 JSON movie objects, creates 4,950 matches, randomly sorts them and keeps track as users work through the battles.
Express
Mongo
Node
EJS
API
OAuth
jQuery
Bootstrap
JavaScript
Sass
Sell Your Toys
Decoupled full stack classifieds application with free text search and filterable results.
I loved working with React during this project. Converting a similar interface from a previous project to a single page app with state management. It was also really interesting working with the free text search and results filtering. Again, a passion project that I look to combine with my Find Your Toys to create a buying and selling experience.
React
Express
Mongo
Node
API
jQuery
Bootstrap
JavaScript
Sass
We Did It 7
A social app in which students and instructors could share memories of their stories.
This was probably my most frustrating project of the program. We started by going down the wrong path with our user authentication. This put the team behind on our deliverables, ultimately resulting in a project I would consider a failure. I luckily was the front-end developer for this project and enjoyed my time with Django. It was also interesting working with SendGrid's email API.
Django
PostgreSQL
Python
API
Auth
jQuery
Bootstrap
JavaScript
Sass
Find Your Toys
An app that allows a user to search a curated list of toy stores via Google's Search API.
This was my first full stack app with the ability to have users sign up, sign in and create, read, update, and delete (CRUD) data in the form of custom searches. I had an absolute blast building a true full stack program from the front to back. Being my first experience with APIs, I really liked digging into the developer documentation from larger companies like Google and eBay.
Mongo
Express
EJS
Node
API
Bcrypt
jQuery
Bootstrap
JavaScript
Sass
Todo List
Classic to do list with the ability to add, remove and mark as complete.
This is still one of my most favorite projects. I am a list guy, especially to do lists. I really enjoyed designing the interface to be as simple as possible and work on all devices. I utilized Font Awesome icons for display interactions.
Express
Mongo
EJS
Node
jQuery
Bootstrap
JavaScript
Movie Beatdown
A game that allows you to sort the American Film Institute’s Top 10 movies using one-on-one battles.
My first true single page front-end application. I utilized a mobile-first development process. This is also the first app that I used an API (Open Movie Database) to retrieve data. I was really excited about this novel approach to an online game.
API
jQuery
Bootstrap
JavaScript
CSS3
HTML5
Web Design
Design has always been in my blood. I have been designing websites for over ten years. While I love the creativity of creating beautiful interfaces, I always empathize with the user and create the most usable experience possible. I have always focused on usability and ease of use. Most of these are older as I was managing a team of designers for the three years.
Charles Hay World School PTSA
One page website for a local Parent Teacher Student Association
This was one of my first paid freelance projects after completing my full stack immersive program. It is a heavily modified WordPress site with custom content management capabilities. Utilized parallax and css animations to create an impactful modern site for small PTSA organization. Integrated with MailChimp email service.
Wordpress
PHP
MailChimp
jQuery
Bootstrap
JavaScript
Sass
Photoshop
Illustrator
Advanced CSS
One page website demo built during an amazing Udemy course, Advanced CSS and Sass.
In this 30-hour course I delved into modern CSS architecture including Sass, component-based design, and BEM. It was built using mobile-first methodologies optimizing responsive images, SVGs, and a video implementation. For desktop users, advanced CSS animations were added using @keyframes, animation and transition properties.
Sass
Photoshop
Illustrator
Foxhound Digital
Simple brochure site a Portland, Oregon based SEO company
Another heavily modified WordPress site with custom content management capabilities. Utilizes css animations and great photography to create an impactful modern site for small SEO company based in Portland, Oregon. Integrated with MailChimp email service.
Wordpress
PHP
MailChimp
jQuery
Bootstrap
JavaScript
Sass
Photoshop
Illustrator
Community Investors, Inc
Simple one-page responsive site primarily for web presence and access to employment opportunities.
This is one of the first designs were I used true mobile responsive principals and technologies. I didn't rely on a library other than jQuery for user interactions and animation. All media queries and their related declarations where hand-coded.
jQuery
JavaScript
Sass
CSS3
HTML5
Photoshop
Illustrator
Llewelyn Park
Site for the "original planned community" that focuses on their plethora of features.
This is one of my first modern designs that I still really enjoy. The community had a great photography to work with and a solid vision of what they were looking for. This is also one of the first sites I used jQuery for DOM manipulation in a rather dated platform.
jQuery
JavaScript
Sass
CSS
HTML
Photoshop
Illustrator
AssociationVoice
Redesign to the homepage of our corporate site to utilize new lead tracking software.
I had a blast redesigning the homepage of the corporate site. It was my first time integrating with Salesforce lead tracking system Pardot for a dynamic form. I also took a turnkey jQuery feature slider and modified it to Marketing's specifications. Behind the scenes, I developed an updating system to use with a very antiquated WYSIWYG editor.
API
jQuery
JavaScript
Sass
CSS
HTML
Photoshop
Illustrator
Southern Colorado CAI
A playful design that utilizes the beloved logomark to add some visual interest.
While this wasn't my favorite concept presented by the client, I really enjoyed how it turned out. I have never been a huge fan of Community Associations Institute's logomark, but using the houses similar to rays of sunshine I felt was especially apropos considering the 300+ days of sunshine in Colorado. Unfortunately, it appears they have let their homepage content go a little bit.
jQuery
JavaScript
Sass
CSS
HTML
Photoshop
Illustrator
Port Imperial
Simple fluid HOA website that presents the information in an elegant and precise manner.
Great photography is really the hallmark of this design. While I didn't take the photos, they just lend themselves to this perfect example of the KISS (Keep It Simple Stupid) principles. Nothing too fancy just straightforward, easy to consume information.
jQuery
JavaScript
Sass
CSS
HTML
Photoshop
Illustrator
Commons of Evanston
One of my early designs which features composite imagery.
This is one of the first designs that "broke out of the box" on our platform. While extremely simple, I still love the compositing I did with the stock imagery. The black and whiting of the sides still gives me the warm and fuzzies to this day.
CSS
HTML
Photoshop
Graphic Design
While web design and development have always been my passion, I am also a classically trained Graphic Designer. During my tenure with my last organization, I designed over 150 physical pieces including, but not limited to: 30+ trade magazine full and half-page ads, a $10,000 trade show booth, and a year-long multimedia advertising campaign.
Voicemail Integration Full Page Ad
Ad to demonstrate the efficiency of using new voicemail integration for visitor check-ins.
As with my web designs, my print work uses laser-focused precision. I especially enjoyed the use of the long line of cars and their brake lights to signify the backups associated with gated communities.
Photoshop
Illustrator
InDesign
Acrobat
Community Investors, Inc Business Card
Standard business card for a corporation that has a little bit of flavor.
For this piece, I first had to take a very rough redesign of the corporate logo and fine-tune it to something technically sound. Then the challenge was to add a little flavor to a business card that was supposed to be very staunch and simple.
Illustrator
InDesign
Acrobat
Single Solution Full Page Ad
Ad to demonstrate the breadth of product offering. Designed all icons from scratch.
While this is not favorite work, what I love about it is all of the icons that were hand designed from scratch. In a time of gradients, shines and 3D icons, I thought they turned out great. Each icon consisted of over 30 layers of effects.
Photoshop
Illustrator
InDesign
Acrobat
CiickBallers Logo
Playful sports-centric logo for a corporate kickball team.
I love this logo. I feel it is a perfect representation of a modern sports team. The font is one my favorites of all time. Its roots are in comic book lettering, but I beefed it up and add some dimension. Even though it wasn't selected as the winning logo, I decided to agree to disagree :)
Illustrator
Acrobat
Frontsteps Logo
Sample logo for rebranding based on the CEO's input.
This was the chosen design for a logo concept for the rebranding of our company. It was selected from a pool of over 60 concepts submitted by 6 designers and judged by Marketing, Product, C-level executives and the designers themselves. Simple, but elegant, it features a friendly modern typeface.
Photoshop
Illustrator
Acrobat
Personal Logo
Light-hearted, clean modern design for a KISS-based designer.
My biggest goal with my personal logo was portraying friendliness and positivity. I display those traits almost to a fault in my life and I wanted my logo to reflect that. The use of the emoticon was a joke at first. I never used to use them. However, they really are a great symbol of how to portray emotion visually. Now I use them all the time. Mine uses my action color which is also the color of my eyes.
Illustrator
Acrobat
Top