Projects
-
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
-
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
-
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
-
Red Rock Canyon
- HTML
- CSS
- API
Unofficial resource dedicated to Red Rock Canyon National Conservation Area and the surrounding Southwest.
- Community oriented
- Informational and resourceful
- Optimized for adventure
-
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
-
Events Website
- Performance
- Accessibility
- Custom UI
Unique, powerful presentation of upcoming events with fast filtering, clear hierarchy, and accessible navigation.
- Fast list & detail views
- Clear date/time/venue model
- Accessible keyboard/reader flows
-
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.
-
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
-
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
-
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
-
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. -
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.
Have goals in mind?
Tell me what “better” looks like—faster loads, smaller attack surface, and sustainable systems.