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.

Eye for Design

Strong interest in the art of beautiful aesthetics and the integration of UI / UX design for a better online experience.

Lifelong Learner

Addicted to the thrill of continuous growth and devoted to the pursuit of knowledge.

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 Weather Application Website

API Weather Application

A weather application built using the DarkSky API data and WeatherIcons.io for visual representation.

Made with: HTML / CSS / JavaScript / jQuery / Sass/ AJAX / RESTful API
VIEW LIVE GITHUB
Screenshot of stylesheet change website

The Power of Style (Sheets)

A single HTML file, and three style sheets. Watch how the content of a website is transformed when a new cascading style sheet is implemented.

Made with: HTML / CSS / JavaScript / jQuery
VIEW LIVE GITHUB
Screenshot of PSD conversion website

PSD to HTML Conversion

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

Made with: HTML / CSS / Photoshop / jQuery / Sass
VIEW LIVE GITHUB

Total Eclipse of the Heart JS Game

A Javascript / jQuery quiz based on Bonnie Tyler's hit song, 'Total Eclipse of the Heart'. Made in collaboration with Vincent Chevalier.

Made with: HTML / CSS / Javascript & jQuery
VIEW LIVE GITHUB
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 / Firebase
VIEW LIVE GITHUB