What was built.
The problem.
Page builders and pre-designed themes make WordPress more accessible, but they can obscure what goes on behind the scenes. The challenge I set for myself was both intentional and self-imposed: to design and build a production-quality corporate e-learning platform entirely from scratch, showcasing the complete WordPress development lifecycle without relying on any shortcuts. Every design decision, every line of PHP code, every animation, and every interaction had to be carefully considered, written, and tested manually, using AI tools as collaborators in the development process rather than as a crutch.
How it was solved.
ApexLearn was developed as a comprehensive corporate Learning Management System (LMS) from the ground up. The process began with an extensive design phase: six pages were prototyped as interactive HTML mockups before any PHP was written. This established a design token system that encompassed colour, typography, spacing, shadows, and border radii. The custom WordPress theme was built using a BEM (Block Element Modifier) methodology and a CSS custom properties system, divided into four stylesheets. Animations and interactions were powered by vanilla JavaScript and GSAP 3. Custom Post Types for courses, instructors, and lessons were created entirely in code, with custom taxonomies driving an AJAX-powered course catalogue. This catalogue allows for live filtering by category and level, with added security through nonce protection and GSAP stagger animations for the returned results. The dynamic single course template pulls real instructor data from a linked Custom Post Type (CPT), queries related courses by taxonomy, and features a sticky enrollment sidebar. Additionally, a simulated multi-step checkout modal showcases the complete enrollment user experience without real payment processing. The interactive student dashboard includes animated metric counters, progress bars, tabbed course lists, an expandable activity feed, and functional settings toggles, all built without using any plugins. Performance enhancements include scroll-triggered reveals using IntersectionObserver, page transition fades, sticky show/hide navigation, button ripple effects, and full mobile optimisation across three breakpoints. AI tools were integrated throughout the development process, acting as a collaborator to accelerate problem-solving, validate architectural decisions, and expand the limits of what can be achieved by a solo developer.
What it achieved.
ApexLearn showcases the complete range of WordPress theme development, including user experience (UX) design, design systems, custom post type (CPT) architecture, AJAX-driven user interfaces, and GSAP animation integration. Notably, it achieves all this without relying on a page builder, starter theme, or any plugins. This example proves that modern, production-grade WordPress development can work seamlessly with AI-assisted workflows, creating a genuinely powerful combination.
Built by
Matthew Proudfoot
WordPress Developer and Conductor at Monkey & River, based in Cape Town, South Africa. He builds websites, and leads development teams.
