Portfolio
Building Tools & Content,
Teaching Technical Concepts,
Learning Design & Technology
Intersect
Eight years collaborating with product, design, and subject-matter teams, working at the intersection of software development adult education, live instruction, and instructional design. A combination of experience that turns technically complex content into learning that actually works.
Featured Work
Selected highlights
Four pieces that show the range — Storyline development, AI-native curriculum design, technical problem-solving, and global microlearning.
The High-Risk Offboarding
A compliance branching scenario for HR and IT leaders — three decisions, real consequences, and a JavaScript-generated audit report personalized to your exact decision path.
Launch Course
Chrome Extension — Udacity Career Materials Reviewer
A custom-built Chrome extension that cut career materials review time by 80% — from one hour to twelve minutes — by automating repetitive form entry. Built in response to a real workflow bottleneck at Udacity.
How I Became a Better Listener — Rumie Microlearning Byte
My second published Byte on Rumie-Learn — a 3-step, under-5-minute soft-skill experience reaching learners across 180+ countries, built with a problem-first hook, two spaced knowledge checks, and plain language for a global audience.
Work Smarter with Gemini — Rise 360 Course
A practical Rise 360 course on using Gemini Gems for productivity — built as a portfolio piece for a large health organization audience and developed after completing Gemini Gem creation training at LearningMate.
Instructional Design & eLearning
A compliance branching scenario for HR and IT leaders — three decisions tracking data security, legal compliance, and chain of custody, with a custom JavaScript-generated audit report personalized to the learner's exact decision path.
An ongoing SME contract with LearningMate reviewing and validating course design documents — module manifests, scripts, storyboards, and assessments — for a Git and GitHub certification program at Chegg Skills, bringing both technical and instructional design judgment to content before it enters Rise 360 production.
A published microlearning Byte on Rumie-Learn — a free global OER platform reaching learners across 180+ countries. A 4-step, under-10-minute experience built for a mixed-literacy global audience and refined through a structured two-tier peer review process.
My second published Byte on Rumie-Learn — a 3-step, under-5-minute soft-skill experience teaching active listening as practiced behavior, built with a problem-first hook, research-backed framing, and two spaced knowledge checks.
A self-paced Rise 360 course built as a portfolio piece — a practical, focused guide to creating Gemini Gems for employees at a large health organization, developed after completing Gemini Gem creation training at LearningMate.
A fully designed mini-course bridging the gap between JavaScript skills and xAPI understanding for eLearning professionals. Developed as the capstone for a Graduate Certificate in Learning Design & Technology.
A custom-built Chrome extension that reduced average career materials review time by 80% — from one hour to twenty minutes — by automating repetitive form entry at Udacity.
Masterschool · Udacity Curriculum
Remote Live Instruction
22 recorded sessions across JavaScript, CSS, React, Node, and web security — taught live to international bootcamp cohorts.
Personal Blog Project Walkthrough — Masterschool
A live project walkthrough and Q&A session for Masterschool students on the Udacity Personal Blog project — covering CSS architecture, mobile-first responsive design, CSS Grid, and Flexbox with real-time student questions throughout.
CSS Flexbox & Responsive Design — Masterschool
A live 57-minute session teaching career-changers how to build responsive layouts with CSS Flexbox — covering every major parent and child property, mobile-first design thinking, and media queries through live CodePen demos with active student Q&A.
Testing in JavaScript — Live Coding Session with Jest
A live group session introducing Masterschool students to test-driven development — covering the red/green/refactor cycle, unit vs. integration tests, and a hands-on code-along building and passing a Jest test from scratch before the React/Redux capstone.
CSS Selectors and the Cascade — Masterschool
A live one-hour session introducing an international bootcamp cohort to CSS selectors, specificity, and the cascade — taught with real-time Slido polls, live Replit demos, and a chat full of students answering each other's questions.
Landing Page Project — JavaScript DOM & Scroll Events
A live open gym session on the Udacity Landing Page project — covering dynamic nav generation, getBoundingClientRect() for viewport detection, scrollIntoView() for smooth scrolling, and toggling active state classes as sections come into view.
JavaScript Brain Teasers — Catchup Week Open Gym | Masterschool
A live open gym session covering JavaScript prototypes in response to a student question, then working through two interview-style brain teasers live: a vowel frequency counter and a total uppercase letter counter, with full student participation throughout.
Object-Oriented JavaScript — Prototypes, Closures & the Revealing Module Pattern | Masterschool
A live group session covering four ways to create objects (object literals, factory functions, Object.create(), constructor functions, and ES6 class syntax), prototypical inheritance, scope, closures via IIFEs, and the Revealing Module Pattern — closing with a direct connection to React class components.
JavaScript Closures — Live Practice Session
A live Q&A and coding session working through JavaScript closures — from functions returning functions to a DOM font-size demo, and fixing the classic setTimeout loop bug using closures and IIFEs. Audience participation throughout.
JavaScript Closures — One-on-One Practice Session | Masterschool
A one-on-one Masterschool session working through six closure practice problems live: createFunction, createFunctionWithInput, a counter with separate IIFE instances, addByX, the complex saveOutput cache with password gating, and deDup with a live debugging moment.
ES6 Features Open Gym — Masterschool
Two live open gym sessions covering the core ES6 feature set: destructuring, spread, rest parameters, for...of loops, arrow functions, default parameters, and template literals with live coding and real-time student Q&A.
ES6 Exercises — Destructuring, Ternary, and Defensive Programming | Masterschool
A live exercise session working through ES6 problems with students presenting answers live — object and array destructuring, arrow function shorthand, default parameters, rest and spread, the ternary operator, and the nullish coalescing operator, with a React preview at the close.
Node, npm, and Higher-Order Functions — Live Coding Session | Masterschool
A live session covering Node.js, npm, and module loading — then rebuilding map, forEach, filter, and reduce from scratch using plain for loops and callbacks, as preparation for understanding promises and async/await.
JavaScript Async — Promises, .then/.catch, and Promise.all | Masterschool
A live open gym session working through JavaScript async patterns — promise states, executor functions, handling success and failure with .then and .catch, and running concurrent promises with Promise.all, with real-time student Q&A and live code.
Dinosaur Infographic Project Intro — OOP, Constructor Functions & DOM Integration | Masterschool
A live project kickoff session for the Udacity Dinosaur Infographic assignment — demoing the finished app, walking the rubric, and mapping the build strategy to OOP concepts. Covers loading JSON via import vs. Fetch API, constructor functions vs. ES6 classes, IIFE and the Revealing Module Pattern, three comparison methods, tile generation, and version control with GitHub.
Dinosaur Infographic — Live Debugging and OOP Walkthrough | Masterschool
A small-group support session for students blocked on the Udacity Dinosaur Infographic project — working through two methods for loading JSON data, building the Dino constructor live, implementing the IIFE pattern for form handling, and debugging with the Chrome debugger as students watched in real time.
Teaching Node and Express — Masterschool
A live 32-minute session introducing career-changers to server-side development with Node.js and Express — the hardest conceptual shift in the bootcamp curriculum, taught with scaffolded mental models, live code demos, and real-time student interaction.
Intro to Epic React — Live Group Session
A live one-hour group onboarding session for Masterschool students — watching Kent C. Dodds' welcome video together and completing every setup step live, so no one hit a wall before the first exercise.
myReads Book Tracker — React Project Intro
A live session introducing Masterschool students to the myReads React project — demoing the finished app first, walking the rubric, and mapping each feature to the specific React concept needed to build it.
React Fundamentals Review — Virtual DOM, JSX, Props, and Component Design | Masterschool
A review week session using breakout rooms and full-group debrief to cover core React concepts — virtual DOM, composition, one-way data flow, JSX, Babel, and declarative vs imperative code, with fill-in-the-blank exercises on props, conditional rendering, list keys, and className.
UdaciRacer Project Walkthrough — Masterschool
A live project walkthrough and Q&A session for Masterschool students on the UdaciRacer JavaScript racing game — covering async programming, the Fetch API, DOM manipulation, and working with a Node.js server.
Redux and State Management — Group Review and Q&A | Masterschool
A group review session covering Redux fundamentals — the three core principles, the full action/dispatch/reducer flow, middleware, useReducer, and the Context API — using breakout rooms for collaborative Q&A followed by a full-group debrief.
Common Security Attacks — Securing Web Apps with OWASP | Masterschool
A live webinar introducing Masterschool students to the OWASP Top Ten — injection, broken authentication, XSS/CSRF, broken access control, data exposure, and three new 2021 categories — with a business-case framing using the ALE risk formula and hands-on exploration via hacksplaining.com.
No sessions match that filter.
Teaching & Instruction
Live virtual Python instruction for middle and high school students across international cohorts — scaffolded project-based sessions, real-time debugging, and Socratic facilitation that builds independent problem-solving habits from the start.
In-person classroom instruction for the UW web development bootcamp via Trilogy Education — teaching HTML, CSS, and JavaScript to career-changers through live coding and Chrome DevTools demos.
Group instruction sessions for a cohort of OneTen scholarship students enrolled in Udacity's Front End Web Development Nanodegree — live CSS Grid walkthroughs, Q&A facilitation, and study strategy coaching.
1:1 Sessions
One on One Skills Training
Recorded 1:1 sessions from Chegg Skills / Thinkful and OpenClassrooms / Guild Education — technical walkthroughs, live debugging, and coaching conversations with career-changing students.
Speaking & Guest Expertise
Facilitated a live Open Study group session reviewing student WordPress deliverables for a client-facing project milestone — guiding live feedback on theme choices, design rationale, and client alignment.
Live student webinar covering CSS architecture, the BEM naming convention, the 7-1 SASS pattern, and core SASS features — delivered to a global OpenClassrooms audience in September 2020.
Live student webinar on building modern animations using SCSS/SASS — covering transitions, @keyframes, the 12 principles of animation applied to the web, and Chrome DevTools profiling — December 2020.
Invited as a guest speaker for an OpenClassrooms internal webinar, sharing practical strategies and case studies from direct experience mentoring web development students with learning disabilities.