Digital Portfolio

Projects

• 

  Red Rock Hiker Hub

  • Custom CMS
  • SEO
  • Photography
  • Publishing
  • Membership

  A custom outdoor recreation platform focused on Red Rock Canyon and Southern Nevada, combining trail information, photography, SEO, publishing workflows, business listings, membership features, and long-term monetization planning.

  • 56+ Trails
  • 172+ Miles
  • Custom CMS Platform
  • Built a custom content management system for trails, media, businesses, comments, and publishing workflows.
  • Implemented trail search, filtering, sorting, related trails, and member-gated content.
  • Developed SEO architecture including area pages, trail pages, metadata, and internal linking.
  • Integrated photography, YouTube content, business advertising, and future membership features.
  • Migrated administrative functionality toward a more secure private architecture.
  • Planned offline maps, purchasable photography, user profiles, favorites, and magic-link authentication.
  Visit Website →

• CMSs, E-Commerce Tools, & Website Builders

  • CMSs
  • E-Commerce
  • Website Builders

  A clear and approachable guide to comparing the most widely used platforms on the web. This section breaks down CMSs, e-commerce systems, and visual website builders—explaining how they differ, where each one excels, and the limitations to expect. Readers gain a practical understanding of WordPress, Joomla, Drupal, Shopify, WooCommerce, BigCommerce, Wix, Webflow, and more, with real-world context and examples written in plain language.

  • Reveals features, drawbacks, costs, and platform restrictions
  • Clarifies how to choose the right foundation for any business or project
  • Explores the impact of AI-assisted site creation tools on the industry
  View Book →
• 

  Conseqta

  • HTML
  • CSS
  • JavaScript

  Built from scratch with zero frameworks: lightweight pages, high-performance particle animation, custom gallery, and clean semantics.

  • 100% Google speed test
  • 0 external deps
  • Fast first load & interactions
  Visit Website →

• QuarterHorseResource.com

  • Angular
  • TypeScript
  • API

  Delivered from scratch faster and at lower cost than previous teams. Built a nimble API that accepts numerous search terms/queries and returns fast, relevant results.

  • Faster delivery vs. prior teams
  • Lower total cost
  • Nimble multi-term search API
  Visit Website →

• Business Store Locator App

  • JavaScript
  • API
  • Geosearch

  Category-based search for nearby businesses with clear filters and responsive results UI. Designed to be fast on mobile with minimal dependencies.

  • Category + keyword filters
  • Mobile-first interactions
  • Low-overhead architecture
  Visit Website →

• Photography App

  • HTML
  • CSS
  • PHP

  Custom built web application to display and optimize my photography collection.

  • Cinematic imagery
  • Curated collections with clear themes
  • Built for long-term licensing
  Visit Website →

• Financial Dashboard

  • Data Visualizations
  • TypeScript

  Absolutely massive web application with over a dozen data visualizations and complex, custom UI elements.

  • Financial tracking application
  • Data illustrates value
  • Sustainability enables easy updates
  Visit Website →

• Events, Classes & Meetings Website

  • PHP
  • Events
  • Google Calendar

  Flexible event website for meetings, classes, workshops, conferences, and programs with rolling dates, fast filtering, and server-rendered event data.

  • Flexible event, class, and meeting structure
  • Private event data rendered through PHP
  • Useful Google Calendar links for visitors
  View Website →

• DITA/XML Practical Guide: Structured Authoring Example

  • DITA
  • XML
  • Structured Authoring
  • Topic-Based Writing

  A clear, real-world DITA XML example demonstrating how technical content is structured, organized, and reused across multiple deliverables. This guide walks through core topic types—concept, task, and reference—along with a sample DITA map, conditional attributes, metadata, and reusable elements. Readers gain a practical understanding of how structured authoring improves consistency, scalability, and maintainability in modern documentation workflows.

  View Research Guide →

• Angular Template Website Documentation

  • Angular
  • TypeScript
  • Node API
  • JSON-Driven Content

  End-to-end documentation system built for a scalable Angular + Node architecture. Includes full component breakdowns, project services, API routing, and category navigation logic.

  • 100% custom documentation layout
  • Fully modeled data-flow & services architecture
  • Complete Node API + Angular integration coverage
  View Documentation →

• JavaScript Particles Canvas

  • JavaScript
  • Canvas API

  A lightweight, self-running particle animation built with the HTML Canvas API. The system renders hundreds of depth-scaled particles with randomized motion, automatic boundary recycling, and a documentation page explaining the full rendering and update pipeline.

  • 500+ autonomous particles rendered continuously
  • Zero-dependency vanilla JavaScript engine
  • Fully documented animation loop & particle lifecycle
  View Documentation →

• Angular Countdown Timer Component

  • Angular
  • Components
  • DOM Interaction

  A lightweight, self-contained Angular component that displays a live countdown to a target date. This documentation explains how the component works—from template structure and lifecycle timing to dynamic DOM updates using @ViewChild. Developers gain a clear understanding of how the countdown calculates days, hours, minutes, and seconds, refreshes every second, and integrates seamlessly into any Angular application.

  View Documentation →

• Custom Angular Date Picker Component

  • Angular
  • Components
  • UI Architecture
  • DOM Interaction

  A fully custom, Angular date picker designed for complete control over user interaction, rendering, and calendar logic. This component handles month and year navigation, renders a dynamic 42-cell calendar grid, highlights the current date, and prevents users from selecting future dates. The documentation explains the full architecture—from grid generation and dropdown menus to event handlers, and DOM updates—showing developers exactly how the picker integrates into any Angular application.

  View Documentation →