Portfolio

SOS Hydration Website Redesign

• Web Design
• Copywriting
• Graphic Design
• Adobe Creative Suite
• Shopify
• Marketing Content Creation
• Project Management
• Google Analytics

SOS Hydration Product Launch

• FDA Compliant Packaging Design
• Die Line Layout
• Adobe Creative Suite
• Image Rendering
• Copywriting
• Pantone Color Matching

SOS Hydration Amazon Content

• Graphic Design
• Copywriting
• Adobe Creative Suite
• Image Rendering
• Photo Editing
• Video Editing

SOS Hydration Ad Content Creation

• Adobe Photoshop
• Adobe Illustrator
• Image Rendering
• Copywriting

SOS Hydration Email Marketing

• Email Marketing
• Klaviyo
• Demographic Targeting
• Performance Data Analytics
• Adobe Photoshop
• Adobe Illustrator
• Copywriting

SOS Hydration TikTok/Reel Video Editing

• Video Editing
• Adobe Premiere Pro

CLIQ Jewelry Website Redesign

• Web Design
• Copywriting
• Graphic Design
• Photoshop
• Marketing Content Creation
• Google Analytics

CLIQ Jewelry Email Marketing

• Marketing Content Creation
• Copywriting
• MailChimp Email Automation
• MailChimp Analytics
• Photoshop

Go Tea Co. Website

• E-Commerce
• WP Hosting
• Custom CSS Theme Editing
• Photoshop
• Web Property Management/SSL

Law Firm Website

• Bootstrap
• GoDaddy/cPanel Hosting
• HTML, CSS, JS
• Photoshop
• Web Property Management/SSL

Powerlifting Calculator

• Custom Javascript
• WP Custom Fields

Tic-Tac-Toe vs. Computer

• JavaScript
• Factory functions
• Modules
• Scope/Closure
• CSS Grid

Novelty Webcam Filter

• JavaScript
• HTML5 Canvas
• Video Manipulation
• CSS Grid
• GitHub Pages

Library App

• JavaScript
• Arrays of Objects
• Object Prototypes
• Object Constructors
• CSS Flexbox
• Local Storage

Saving to Local Storage

• JavaScript
• Local Storage
• Event Delegation
• Emoji Incorporation

Sticky Navigation Bar

• JavaScript
• CSS Transitions
• Dynamic CSS/DOM Manipulation

JS and CSS Clock

• JavaScript
• CSS Transitions
• Dynamic CSS Manipulation

HTML5 Canvas

• JavaScript
• HTML5 Canvas
• Dynamic CSS Manipulation
• HSL Color Manipulation

Whack-A-Mole Game

• JavaScript
• Interactivity/Games
• Dynamic CSS Manipulation
• Local Storage

Custom Timer

• JavaScript
• Dynamic DOM Manipulation
• Countdown Timer

Video Playback Speed Controller

• JavaScript
• HTML5 Video Manipulation
• Mousemove Events

Rock, Paper, Scissors Simulator

• JavaScript
• Interactivity/Games

Drag-to-Scroll Menu

• JavaScript
• Mousemove Events
• Dynamic CSS Manipulation

Transitioning Menu Dropdowns

• JavaScript
• Mousemove Events
• Dynamic CSS Manipulation
• Manipulation of Element Size/Coordinates

Text to Speech

• JavaScript
• Speech Synthesis API
• Custom Voice/Pitch/Speed

Speech to Text

• JavaScript
• Native Speech Recognition
• Dynamic DOM Manipulation

Transitioning Link Highlighter

• JavaScript
• Mousemove Events
• Dynamic CSS Manipulation
• Manipulation of Element Coordinates

Webcam with Filters

• JavaScript
• HTML5 Canvas
• Video Manipulation
• Custom Filters & Green-Screen Effect

Shadow Mouse Effect

• JavaScript
• Mousemove Events
• CSS/DOM Manipulation

Slide-In Image Transition

• JavaScript
• CSS Transitions
• Dynamic CSS/DOM Manipulation

Key Detection/Konami Code

• JavaScript
• Key Sequence Detection
• Easter Egg/Cheat Code Feature

Custom Video Player Controls

• JavaScript
• CSS Video Player Styling
• HTML5 Video Manipulation

Hold Shift to Check Multiple Boxes

• JavaScript
• Selecting multiple items
• Gmail-Inbox-Inspired

Type-Ahead Suggestor

• JavaScript
• Ajax
• JSON
• Array Filtering
• Array/String Manipulation

Flex Panels Image Gallery

• JavaScript
• Dynamic CSS Manipulation
• CSS Flexbox
• CSS Transitions

Updating CSS Variables with JS

• JavaScript
• CSS3 Variables
• Creating/Updating CSS Variables with JS

JavaScript DrumKit

• JavaScript
• Keystroke Event Listeners
• Data Attributes / Keycodes