Structured Course Builder & PPT Outline Generator

I built a browser‑only course blueprinting tool that lets instructional designers rapidly structure modules, topics, objectives, notes, and media requirements—and then export clean outlines (PPT, agenda table, CSV, objective reports) without a backend. It uses Vue + Bootstrap 4, a small in‑memory schema, and the Web File & Storage APIs for persistence and export. Autosave, validation (word counts, flagged terms, spacing), and lightweight reporting make iteration fast while keeping content consistent.

Vue Form Validation with Regex

This Vue.js application demonstrates dynamic form validation using regex patterns, providing real-time feedback as users type. It validates name and email fields, displaying error messages instantly without waiting for form submission. The form integrates with Firebase for data persistence, adding/removing users reactively. Dynamic validation enhances user experience by catching errors early, guiding corrections, and preventing invalid submissions. Benefits include reduced frustration, improved data quality, and a more interactive interface compared to traditional submit-time validation.