Projects using AlpineJSProjects using AlpineJS
Projects
People
Cover image for A full-featured e-commerce platform built
A full-featured e-commerce platform built for one of Hong Kong's most trusted pet stores — bridging the gap between a beloved local shop and a scalable online retail experience. The platform needed to handle a large product catalog, multiple service offerings, and a loyal customer base, all within a seamless and intuitive shopping experience. Built on Shopify with heavy customization to support the complexity of a multi-category pet care ecosystem — from frozen raw food to vet diet products and in-store service bookings. What Was Built → Custom Shopify storefront with tailored UI components across hundreds of product listings → Advanced product filtering and categorization system for dogs, cats, healthcare, and brands → Subscription and save flow integrated for repeat purchase products with automated billing → VIPaws loyalty membership system with tiered rewards and member-exclusive pricing → Product bundling and gift subscription features for promotional campaigns → Multi-location store finder integrated with opening hours and service details → Service booking integration for grooming, self-dog wash, and café reservations → Performance-optimized pages with fast load times across large catalog pages → Mobile-first responsive design for on-the-go pet owners
3
224
Cover image for Custom WordPress LMS Plugin —
Custom WordPress LMS Plugin — Khan Academy-Style Learning Platform Designed and built a complete Learning Management System from scratch as a WordPress plugin — no existing LMS framework — for a Portuguese-language personal finance education site. Architected a hybrid data model that keeps course content in WordPress custom post types (so editors keep native tooling) while moving all per-user state into 7 purpose-built MySQL tables, avoiding the postmeta bloat that cripples off-the-shelf LMS plugins at scale. Key work: • Mastery-based progression system with locked/available/completed unit paths and permanent quiz completion • Daily streak engine with activity heatmap to drive learner retention • Visual drag-and-drop certificate designer: admins upload a branded PDF and position fields, with resolution-independent normalized coordinates; output is a QR-coded, publicly verifiable PDF certificate • Automatic YouTube transcript extraction with click-to-seek video navigation • Cookie-based guest progress so visitors can start learning before creating an account • Google / Facebook / X social login and a custom student role • Standalone full-screen admin SPA served outside wp-admin, with a Chart.js analytics dashboard and CSV export • 13 Playwright end-to-end tests across the auth, learning, quiz, certificate, and admin flows Stack: PHP 8.3 · WordPress REST API · MySQL · Vite · Tailwind CSS · Alpine.js · Chart.js · Dompdf/TCPDF/FPDI · OAuth 2.0 · Playwright Website Usign This Plugin URL: https://financasparatodos.org/courses/educacao-financeira/ Github URL: https://github.com/hamzasispn/lms-plugin
0
41
Cover image for Result Management System — Rufus
Result Management System — Rufus Giwa Polytechnic, Computer Science Department A web-based result management system I designed and built solo, replacing a fully manual, paper-based process for computing and publishing student results. Exam Officers enter CA and Exam scores; the system automatically computes grades, SGPA, and CGPA against the department's official grading scale, with role-based access separating data entry (Exam Officer) from oversight and publishing (HOD). Built on Laravel with Livewire and Alpine.js for instant, app-like interactions without a separate frontend framework. Designed the full database schema from scratch — 11 related tables handling students, courses, registrations, and cumulative results across sessions and semesters — with automated business rules linking every student to their level's courses with no manual enrolment step. Tech stack: Laravel, Livewire, Alpine.js, MySQL, Spatie Permission Highlights: Custom database schema for multi-semester results and cumulative GPA Automated grade/SGPA/CGPA engine, verified against real institutional data Role-based access (Exam Officer vs HOD) Fully custom UI design system, not a template Transactional batch score-entry, ensuring data integrity across a class at once
0
17