Highlighting My Work On Innovative Projects Leveraging AI, Automation, and Custom Web Solutions
I’m Alex, creator of Miles and Hikes. But I also specialize in AI-assisted web development, combining decades of graphic design and WordPress expertise with cutting-edge AI tools to craft scalable, intelligent, and highly creative digital experiences. This portfolio demonstrates my skill in guiding AI through every stage of a project—concept development, optimization, debugging, QA, and final delivery—serving as both hands-on developer and strategic project manager.
Make Your WordPress Website Work Smarter!
I develop lightweight, beginner-friendly tools so you don’t have to — no coding required.
Need a Plugin?
×❮❯
Recommended Amazon Gear Importer Plugin
WordPress plugin leveraging PHP, CSS, and JavaScript to import Amazon products into a custom post type
Recommended Gear Importer is a custom WordPress plugin that imports Amazon products directly into a WordPress site, categorizes them automatically, and displays them on the front end with a responsive grid and anchor filter buttons. Users can manage categories, schedule imports, and display products with featured images, titles, and truncated descriptions, enhancing product visibility and site usability.
Import Amazon products via URLs directly into a custom post type
Automatic category assignment with admin checkbox selection
Responsive front-end grid display of products
Anchor buttons to filter by category (A-Z ordering)
Product cards with hover zoom effect and shadow styling
Truncated two-line descriptions for clean layout
Featured image extraction and automatic resizing
Custom admin column for categories
CSSJavaScriptPHPWordPress Core
Database Optimizer Plugin
Developed a lightweight, custom WordPress plugin to automate routine database maintenance tasks, replacing a heavier third-party solution. The goal was to safely clean obsolete data, improve site performance, and provide easy manual and automated management without affecting existing content or backups.
Deletes old post revisions, auto-drafts, trashed posts, orphaned post meta, and expired transients
Manual “Clean Database” button in Tools → DB Optimizer for on-demand cleanup
Weekly automated cleanup via WP-Cron
Summary report after each cleanup showing deleted items
Fully safe and non-intrusive, compatible with existing backup workflows (e.g., UpdraftPlus)
AJAXDatabase OptimizationMySQLPHPWP-Cron
Click-to-Top Scroll Snippet
Created a custom scroll-to-top snippet that uses PHP, CSS, and JavaScript to replace a plugin, improving site performance and maintaining full design control
This project replaced a third-party WordPress plugin with a custom-coded PHP, CSS, and JavaScript snippet to add a "scroll-to-top" button across the website. Designed to be lightweight and visually aligned with the site’s branding, the button features smooth scrolling, auto-hide behavior, and a subtle scale-up animation on hover.
Smooth, native scroll-to-top functionality without plugins
Auto-hide and fade-in based on scroll offset
Chevron icon with subtle hover animation
Fully responsive, positioned at bottom-right on all devices
Lightweight and optimized for performance
PHPCSSJavaScript
YouTube Auto Importer WordPress Plugin
A lightweight WordPress plugin that automatically imports new YouTube videos as blog posts
YouTube Auto Importer is a custom WordPress plugin that connects to the YouTube API to fetch the latest videos from a channel and creates draft posts containing the video embed and full description. It supports both automated daily imports via WP-Cron and manual imports through an admin settings page. The plugin ensures no duplicate drafts are created and uses WordPress’ built-in oEmbed system for reliable video embedding.
Automatic daily import of new YouTube videos as draft posts
Manual fetch via admin settings page
Full video description retrieved using YouTube API videos endpoint
WordPress oEmbed for video embedding
Duplicate prevention by storing video IDs in post meta
AJAXPHPWordPress APIYouTube API
Dynamic Store
Dynamic code snippet displaying store guides in a styled, responsive layout with category navigation and easy PHP-based updates
The Store Guides project replaces a static HTML store with a dynamic, PHP-powered code for WordPress. Each guide is rendered as a row with the image on the left and content plus CTA on the right, preserving existing styling and responsive behavior. Top navigation buttons link to each guide category, making it easy for users to jump between sections. Updating or adding new guides requires only editing the PHP array, streamlining ongoing maintenance.
Dynamic shortcode [store_guides] for WordPress pages or posts
Fully responsive row layout with image on the left and content/CTA on the right
Anchor-based navigation buttons for guide categories
Easy maintenance via a PHP array for all guides
Preserves existing styling, hover effects, and spacing
Supports multiple categories and immediate addition of new guides
PHPHTMLCSSAIResponsive Design
WordPress Portfolio Grid
A dynamic WordPress portfolio grid showcasing AI-assisted content management and enhanced UI/UX features
Developed a fully functional WordPress portfolio grid using ACF and custom shortcodes, featuring:
- Collapsible descriptions with smooth expansion/collapse
- Subtle fade-out gradient for truncated text
- Read more / Read less toggle with automatic hiding for short text
- Two-column layout for key features and images
- Modal image viewer for high-resolution previews
- Tech Stack pills for quick technology overview
- Responsive design for mobile and tablet
- Dynamic accessibility improvements including ARIA attributes
This project demonstrates a scalable, AI-assisted workflow for web content presentation and portfolio management.
Collapsible description container with Read more toggle
AI Multilingual Video Dubbing Workflow with HeyGen
Efficiently produce high-quality Spanish-dubbed video content while preserving original style and tone, enabling scalable multilingual YouTube content
Developed an AI-powered multilingual video workflow using HeyGen, cloning my voice to produce Spanish-dubbed YouTube videos, generating transcripts, curating translations, and replacing the original English audio for scalable, high-quality content localization.
Voice cloning via HeyGen for consistent, personal audio across videos
Automatic transcript generation from original English videos
Curated Spanish translations ensuring accuracy and cultural relevance
AI-generated Spanish audio tracks integrated seamlessly into videos
Removal of original English audio for clean dubbing
Full video integration and final editing ready for YouTube publishing
AI-assisted
Dynamic Open Graph
Open Graph meta tag generator
Developed a WordPress function that automatically generates Open Graph and Twitter Card meta tags for all singular posts. The system uses the post title, excerpt, permalink, and featured image, with a fallback to a default image when no featured image exists, enhancing social sharing and click-through rates.
Auto-generates OG tags for title, description, URL, type, image, and site name.
Supports Twitter Cards with large image preview.
Automatically uses post excerpt or truncated content (150 chars) if no excerpt exists.
Utilizes featured image when available; otherwise, defaults to a specified fallback image.
Sanitizes all output to prevent HTML injection or malformed URLs.
HTMLPHPWordPress Core
Dynamic Breadcrumb Navigation
Reusable breadcrumb function auto-injected above content, handling multiple content types, truncating long titles, and applying accessible markup
Developed a dynamic, site-wide breadcrumb navigation system for WordPress that improves user navigation and SEO by generating hierarchical paths for posts, pages, categories, archives, search results, and 404 pages.
Auto-generates breadcrumbs for various content types
Converts text to title case
Truncates long titles
Inline CSS hover effects
Injected via the\_content filter
CSSHTMLPHPWordPress Core
Random Tag-Based Related Posts
Displays up to 3 related posts below single posts using shared tags
Developed a dynamic “You Might Also Like” related posts feature for WordPress that leverages random tag-based matching and fallback random posts to increase pageviews and user engagement.
Displays 3 related posts
Randomized selection based on tags
Fallback to random posts
Appends via the\_content filter
AI-assistedAJAXCSSJavaScriptPHPWordPress Core
Post Upvote System
Interactive “love” feature for posts
Built a custom AJAX-powered post upvote system in WordPress with category-specific display, real-time vote updating, and browser-based vote tracking to increase user engagement.
Category-specific upvote button
Real-time vote updates
Prevents multiple votes per device
Responsive styling
AJAXCSSJavaScriptPHPWordPress Core
Dynamic Tag Cloud
Tag cloud with chaotic-style randomized font sizes and green shades, responsive and cached
Developed a custom WordPress tag cloud with dynamically scaled font sizes, randomized colors, and caching, enhancing homepage visual engagement while optimizing performance.
Up to 50 tags scaled by usage
Randomized green shades
Cached for 60 days
Responsive flex layout
CSSPHPResponsive DesignWordPress Core
Random Post Redirect
Redirects users to a random post when URL contains ?surprise\_me=1.
Implemented a URL-triggered random post redirect in WordPress, enhancing user engagement by dynamically sending visitors to a random blog post when a query parameter is present.
Fetches a random post
Performs server-side redirect
Conditional execution based on query parameter
PHPWordPress CoreAI
Randomized Photo Gallery
Randomized gallery with responsive grid, lightbox overlay, lazy-loading, and keyboard navigation.
Developed a dynamic, randomized photo gallery with responsive grid layout and interactive lightbox for WordPress, implementing lazy loading, cache-busting, keyboard navigation, and performance optimizations to enhance user experience on the Miles and Hikes site.
Random image selection
Responsive CSS Grid layout
Lightbox overlay with keyboard navigation
Lazy-loading and cache-busting
Handles edge cases
PHPCSSJavaScriptAIResponsive Design
Homepage Hero Banner
Full-screen hero banner with dynamic text, CTA buttons, scroll animations, responsive across devices.
Developed a dynamic, full-screen homepage hero banner using PHP, CSS, and JavaScript; implemented caching for performance, responsive animations, and smooth scroll interactions, delivering a polished, interactive user experience while optimizing page load times.
Shortcode-based implementation with caching
Responsive layout and layered animations
Smooth scroll behavior
Cached for 180 days
PHPCSSJavaScriptAIResponsive Design
Word & Phrase Frequency Analyzer
Scans all published blog posts, counts words and bigrams, outputs top 100 items for SEO, content strategy, and tag cloud generation
Developed a WordPress shortcode to analyze all published posts, identifying frequently occurring words and two-word phrases (bigrams) for content strategy and SEO optimization. Leveraged AI-assisted PHP coding to process large text datasets, debug complex logic, and generate actionable insights for tag cloud creation and keyword strategy.
Counts words and bigrams, filters stopwords
Outputs top 100 recurring items
Highlights items appearing in multiple posts
AI-assisted code debugged to handle large datasets accurately
Provides actionable SEO insights
APIPHP
Keyword-Based Internal Linking Filter
Automatically inserts links into selected keywords within single blog posts
Developed an advanced WordPress content filter that automatically links specific keywords to related posts on single blog posts, using AI-assisted PHP and DOM manipulation. Managed debugging, QA, and optimization to ensure links were applied only to selected keywords and excluded headings or existing links, improving user engagement and internal SEO.
Adds links dynamically only in paragraphs
Excludes headings and existing links
Avoids duplicate links
Dynamically searches related posts
Uses DOMDocument and DOMXPath
AI-assisted code snippets debugged for precise behavior and SEO optimization
APIPHPWordPress Core
YouTube Latest Videos Grid
Displays latest YouTube videos in a responsive grid with caching and lazy-loading thumbnails.
Built a dynamic WordPress shortcode that fetches and displays the latest YouTube videos from my Channel using the YouTube Data API. Leveraged AI-assisted PHP, CSS, and JavaScript code to implement caching, lazy-loading thumbnails for performance, and debugging of AI-generated snippets, improving page load speed and user experience.
Displays YouTube testimonials randomly in a responsive grid, reshuffling on page reload
Developed a dynamic WordPress shortcode to display random YouTube testimonials in a responsive grid, leveraging AI-assisted PHP, CSS, and JavaScript. Implemented caching, responsive design, and debugging of AI-generated code to ensure consistent performance and user engagement.
Randomizes testimonials on each page load
Responsive grid layout with hover effects
Caching (transient) for 30 days
Includes author image, testimonial text, and YouTube link
PHPCSSJavaScriptAIAPI
Category-Specific HTML Sitemap
Dynamically generates an HTML sitemap of blog posts organized by categories.
Developed a custom WordPress shortcode to generate an HTML sitemap of travel posts by category, leveraging AI-assisted PHP, CSS, and JavaScript code. Managed caching, query optimization, and debugging AI-generated snippets to ensure efficient performance, improved SEO, and enhanced user navigation.
Table of contents linking to categories Lists posts by category with titles and dates
Implements caching for performance
SEO-optimized, crawlable structure
AIAPICSSJavaScriptPHP
Links Dashboard WordPress Plugin
Custom WordPress plugin that scans all internal links/images, and detects broken items.
Developed ‘Links Dashboard,’ a WordPress plugin leveraging AI-assisted PHP, CSS, and JavaScript code to scan internal links and images, detect broken items, and display results in an admin dashboard. Managed full project workflow, including iterative debugging, troubleshooting AI-generated code, and feature optimization, delivering a reliable, user-friendly solution.