Portfolio

HTML/CSS, Flexbox, Responsive React.js (functional components, hooks), Redux, animations

A new and improved version of TabKey! Entirely rebuilt using React to do a bunch of things differently. Now renders note divs on more than one string dynamically and finds virtually any major scale based on the intervals between notes. Used only functional components as opposed to class components due to the growing flexibility hooks give them.

Tabkey 2020
TabKey screenshot

HTML/CSS, Bootstrap, Animations, JavaScript, Photoshop, git, Netlify

Prototype website for North American esports coach and streamer starting his online business and building his brand across multiple channels. Incorporates a video hero image for larger devices, and Bootstrap to make it responsive. Maintained version control with git as always, but used Netlify to prototype pushes to an experimental branch for live previewing.

HTML/CSS, Animations, Flexbox

Prototype single-page website for stop work order consultant expanding her business. Mobile-first design with multiple breakpoints for consistent quality across all devices.

JMM of Southwest FL, LLC
TabKey screenshot

HTML/CSS, Animations, JavaScript, Photoshop

TabKey was the first app I built after teaching myself JavaScript. It's designed to take notes from a musician, or someone familiar with a guitar neck or piano, and return the major and relative minor keys the scale is in.

HTML/CSS, Animations, Photoshop

Redeseigned from scratch a GeoCities-era site. Kept client's content and images. Reorganized images into slideshows and slidebars.

Paige Flooring Company screenshot
Advice page screenshot

HTML/CSS

Part of a GitHub exercise involving pull requests. Had some fun styling my contribution!

HTML/CSS, Photoshop

Project involving coding a website from a .PSD comp. Extracted images from Photoshop file, structured site directory, wrote clean, validated code.

Rogue Pickings screenshot

About Me

Hi, I'm Xander! I'm an aspiring web developer passionate about coding and creating! I started learning html in high school and slowly taught myself css by reverse-engineering professional MySpace pages way back in the day. Being mostly self-taught, it's that craving that's helped give me the determination to power through any challenge. Currently, I'm obsessed with React.js!

When I'm not tinkering in tech, I travel with my soulmate, write music, spoil my cats, and ponder the next creation to build!

Let's make something together!