Portfolio, experiments, things learned, and things that I’m learning!
PARTIAL PAGE PRINT UTILITY
I created a client-side JavaScript utility to print specific sections of a webpage without printing the entire page. It uses an iframe to isolate the selected DOM element, injects custom CSS for print styling, and triggers the browser’s print dialog. This allows users to print targeted content like forms, tables, or articles, improving usability for long pages or content-heavy sites.
RANDOM JSON TIP WIDGET WITH NAVIGATION
I built a random tip widget for LMS platforms like D2L, displaying tips from a JSON array with navigation and auto-refresh. It shows a title, content, and link, with next/previous buttons and timed updates. Useful for engaging students with daily tips or reminders in educational environments.
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.
INLINE HTML EDITING WITH TINYMCE
Inline HTML editors like TinyMCE let users edit content directly on the page—no separate admin panel, no modal windows, just click and type. This pattern is great for quick updates, content-heavy workflows, and giving non-technical users a clean editing experience.