SHANNON DRAPER

WHAT I CAN OFFER

Responsive Design

All projects have been developed for the user's behavior and environment based on screen size, platform and orientation.

Clean Code

Code is well organized, indented and accompanied by pseudo code for ease of navigation and collaboration.

Pixel-Perfect Design

Details down to the pixel are taken into consideration, with special attention on spacing, colour and sizes.

Optimization

Assets and code optimized for best browser performance based on load times and bandwidth consumption.

SKILLS

HTML5

CSS3

Sass

Javascript

JQuery

Github

Responsive Design

React

Adobe Illustrator

Adobe Photoshop

PORTFOLIO

Screenshot of React Application

Filtergram React.js App

A photo editing application created with React.js and Firebase. The app allows the user to upload a photo of their choice and alter it using CSS filters.

Made with: HTML / CSS / React.js
Screenshot of PSD conversion site

PSD to HTML Conversion

Converted a single page PSD file to a fully responsive website.

Made with: HTML / CSS / Photoshop

Total Eclipse of the Heart JS Game

A Javascript / jQuery quiz based on Bonnie Tyler's hit song, 'Total Eclipse of the Heart'.

Made with: HTML / CSS / Javascript & jQuery