The latest articles on DEV Community by Mr Gichangi (@mr_gichangi_480d68f83b69e). https://dev.to/mr_gichangi_480d68f83b69e https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4238972%2F0bb69ea7-9edd-4365-8341-5314fc6a89a6.png https://dev.to/mr_gichangi_480d68f83b69e en Mr Gichangi Wed, 11 Nov 2026 12:01:20 +0000 https://dev.to/mr_gichangi_480d68f83b69e/i-built-a-training-workflow-prototype-with-ai-assistance-branchready-2fkk https://dev.to/mr_gichangi_480d68f83b69e/i-built-a-training-workflow-prototype-with-ai-assistance-branchready-2fkk <p>I’m Teddy, an AI-assisted app builder and workflow designer based in Kenya. I built BranchReady to explore a practical sequence: assign training, complete a lesson, pass a quiz and review branch progress.</p> <p>AI helped produce the code. My focus was directing the workflow, shaping the interface and testing the result from the different role previews.</p> <h2> A small workflow you can follow </h2> <p>BranchReady contains three fictional branches, six fictional employees and two original sample lessons. The manager can assign an existing lesson to a branch with a future deadline. Existing assignments are skipped so the same lesson isn’t added twice for the same employee.</p> <p>The employee preview shows that person's assignments. Each lesson ends with three questions. Incorrect answers allow a retry; three correct answers complete the assignment and update the progress view.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fyskk80zyo86lg1p83pnq.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fyskk80zyo86lg1p83pnq.png" alt="BranchReady sample lesson showing a completed three-question quiz with 3 out of 3 correct." width="800" height="450"></a></p> <p><em>The quiz uses fictional training content and records the result in this browser.</em></p> <p>The supervisor preview filters by branch. These views are simulations, so switching roles is part of exploring the demo.</p> <h2> What I tested </h2> <p>I checked incomplete assignment forms, past deadlines, duplicate assignments, quiz failure and retry, completion updates and browser-local persistence. The sample starts with two of six assignments complete. Completing Amani’s lesson takes the all-branches count to three of six, which remained after a reload in the hosted test.</p> <p>The download delivery was tested through Payhip with a free coupon. The delivered files matched the uploaded package, and the local opening and quiz workflow were checked as well.</p> <h2> What is in the download </h2> <p>The starter contains a self-contained HTML file with its styles and JavaScript, a start-here walkthrough, a customization guide and a dashboard preview. The guide includes an example instruction for asking an AI coding assistant to change one feature while preserving the existing workflow checks.</p> <p>You can open the sample without an AI account or API key. Changing the lessons, employee list, branches or branding requires source editing or AI coding assistance.</p> <h2> Its limits </h2> <p>This is a demo and source starter for learning and prototyping. All sample data is fictional. Progress stays in one browser. Secure authentication, a shared database, cloud sync, email, certificates and hosting are not included. It is not intended for real employee records in its current form.</p> <p>I’m selling the demo and editable starter for <strong>USD $9, one-time</strong>, on <a href="https://payhip.com/b/Kz1n8" rel="noopener noreferrer">Payhip</a>.</p> <p>For people building internal-tool prototypes: which part of a training workflow is hardest to get right—the assignment process, the lesson experience or the progress reporting?</p> showdev webdev javascript ai