From Training Portal to Product Ops: How Our Client Saved $60k With AI-Assisted Development
When a client needed a custom training portal mid-project, Homade partnered with Steel Croissant to deliver it using AI-assisted development—saving time, budget, and keeping the overall project on track. The Challenge: An Unexpected Requirement The client initially came to Steel Croissant for a comprehensive website redesign. Midway through the project, they identified a critical need: a full-featured Training Portal for their growing team. Rather than delay the website launch or balloon the budget, Steel Croissant brought in Homade to build the portal using AI-assisted development with Replit while their design and development team continued work on the main website in parallel. Phase 1: The Training Portal The Training Portal is a comprehensive learning management system featuring: Multi-tier authentication with four role levels (super-admin, admin, manager, trainee) supporting both password and OAuth login Bulk user management capable of importing 2,000+ users at once with organization scoping Dynamic training modules with flexible 1–10 step structures and video streaming Interactive quizzes with multiple question types and automated grading Automated certificate generation using canvas-based PDF creation Content management system with draft/published workflows and export/import capabilities Progress tracking with date-filtered completion metrics Server-persisted video progress tracking that prevents users from skipping content by requiring high watch-time completion before unlocking quizzes, with 30-second heartbeat updates and resume-from-last-position functionality Cost and usage dashboard for super-admins to track hosting expenses (compute, database, object storage, bandwidth) with historical logging, billing recommendations, and profit margin calculations—enabling transparent client billing Video Verification That Just Works As usage grew, real-world behavior surfaced a subtle but important issue: trainees sometimes saw "100% complete" locally while the server recorded slightly less, which could block quiz unlocks. We evolved the video verification system to make completion both stricter and more reliable: 100% video completion now required (previously 85–90%) before quizzes unlock Synchronous server confirmation when the video ends, to ensure server and client stay perfectly in sync A more robust flow that ensures reliable quiz unlock every time , even under less-than-ideal network conditions The result is a training experience that feels fair to trainees, while giving administrators confidence that required content has actually been watched. Phase 2: Product Operations App After launch, the client needed more than just a Training Portal. They also needed a way to manage a growing product catalog and keep multiple systems in sync without adding headcount or slowing down operations. Homade extended the platform with a dedicated Product Operations app that sits alongside the Training Portal. Key Features Product Catalog Manager Full CRUD for 8+ product databases, managed in one place and synced to Webflow via Xano. Admins can add, edit, archive, and relate product records without touching code. Staged Changes Workflow All edits now flow through a "staged" layer before going live. Editors can: Batch changes into review sets Compare staged vs. live values Approve or reject edits before publishing to production Real-Time Change Detection Background polling continuously checks for external changes in connected systems. When something changes outside the app (for example, in Webflow or an external database), admins are notified and can reconcile differences with a few clicks. Server-Side Data Validation Zod schemas enforce strict server-side validation on all incoming data. This protects against malformed inputs, inconsistent field types, and breaking changes when new attributes are introduced. Backup & Restore System Every change is backed by a 90-day retention window with one-click restore. Super-admins